标签: input-field

React Native Input组件采用ony数值

在React-Native项目中,我有一个Native Base的Input组件,我希望这个组件只取数字值0-9并给出这个字段的默认值,我找了关于这个问题的其他问题,我不知道那些可能是那些答案是'textInput'组件或某种方式的建议对我不起作用？你能帮我吗？

validation numeric input-field react-native

Ali*_*lov

2018 08-25

7
推荐指数

2
解决办法

8127
查看次数

仅使输入字段的一部分不可编辑

我在网上做了一些狩猎,还没有找到任何具体的答案.是否可以有一个文本字段,其中的默认文本是不可编辑的？

例如,假设我需要用户输入电话号码.他们看到的是:

Input Phone Number: ***-***-****

Run Code Online (Sandbox Code Playgroud)

他们可以编辑他们想要的任何星星.但是,即使该字段完全是空的,也不应该删除破折号.我已经看到输入区域的readonly和disabled标签,但那些会使整个字段禁用.

我希望用户能够输入信息,而不会将我设置的默认字符更改为输入字段.

如果你需要它来试验,这里有一些虚拟代码:

<!doctype HTML>
<html>
<body>
    <section>
         <article>
             <label>Phone Number Entry: </label>
             <input type="tel" name="phone" placeholder="123-456-7890" 
                                        onkeypress='eval(event)' required/>
          </article>
     </section>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

html html5 input-field

Bae*_*lix

lucky-day

6
推荐指数

1
解决办法

4903
查看次数

如何在unity3d中隐藏InputField附加输入框

我FiledInput在Android应用程序中使用,当我开始将字符串放入softkeyboard弹出框和框中时,我想摆脱它.

有没有办法这样做Unity3d 4.6.2f1？

c# android unity-game-engine input-field

dev*_*sih

2015 04-20

6
推荐指数

1
解决办法

6750
查看次数

使用图标验证输入字段不能顺利进行

当我的图标在输入-lg内部时,当我点击该字段时,它看起来像......我的意思是我的评论应该在这里,但它不应该使图标更大.我需要评论来,但是图标和输入lg字段.

这是我的演示代码:

$(document).ready(function () {
    $('#contact-form').validate({
        rules: {
            fullname: {
                minlength: 4,
                required: true
            },
            username: {
                required: true,
                email: true
            },
            password: {
                minlength: 8,
                required: true
            },
            confirm_password: {
                minlength: 8,
                required: true
            },
            mobile: {
                minlength: 11,
                required: true
            }
        },
        highlight: function (element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function (element) {
            element.text('OK!').addClass('valid')
                .closest('.control-group').removeClass('error').addClass('success');
        }
    });
});

Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script>
<div class="container">
    <form method="POST" class="form-horizontal" id="contact-form">
        <div class="control-group">
            <div class="controls">
                <div class="input-group input-group-lg">
                    <span …

Run Code Online (Sandbox Code Playgroud)

javascript validation jquery input-field twitter-bootstrap

Sir*_*que

2015 11-10

6
推荐指数

1
解决办法

856
查看次数

当初始值通过\绑定到 props.object 时，如何使用 Formik 表单将焦点设置在 TextField\input 上？

我有来自@material-ui/core 的带有这个 TextField 的 Formik 表单：

<TextField
    autoFocus
    fullWidth
    name='name'
    label='Name'
    variant="outlined"
    onChange={handleChange("name")}
    helperText={errors.name ? errors.name : "What's your name?"
    error={errors.name}
    touched={touched.name}
    value={values.name}
/>

Run Code Online (Sandbox Code Playgroud)

当表单第一次加载并initialValues设置为空user对象时，这非常有效。名称输入将成为焦点。

但是，当使用现有用户对象（在编辑操作期间）加载表单时，它会正确加载所有字段，但不再有焦点。

此表单位于无状态功能组件内，props.user来自父组件。

关于如何在这种情况下设置焦点的任何想法？有什么地方可以挂机呼叫焦点吗？

####### 编辑 1 #######

我尝试使用useEffect但它在输入字段实际更新值之前被触发...

useEffect(() =>
{
    debugger;

    textInput.focus(); // at this point the input field hasn't gotten the value yet.
})

Run Code Online (Sandbox Code Playgroud)

我的猜测是我需要ref在父组件内部保存一个......

forms input-field autofocus reactjs formik

Len*_*rri

2020 02-02

6
推荐指数

1
解决办法

1万
查看次数

所有浏览器都会忽略无名输入字段吗？

如果浏览器没有指定name属性,它是否可以保证不发送输入元素？

例如,我们可以假设POST下面的表格不会发送信用卡号码吗？

<form action="/process" method="post">
  <input id="credit-card-number" type="text">
  <input type="submit" name="commit" value="Go">
</form>

Run Code Online (Sandbox Code Playgroud)

html forms http-post name-attribute input-field

ran*_*guy

lucky-day

5
推荐指数

1
解决办法

3465
查看次数

输入数字最大属性调整大小字段

在Chrome中为输入数字字段添加最大值时，它将根据最大值的宽度重新调整字段的大小。

看来我无法控制调整大小的行为。

<input type="number" name="" value="3500" placeholder="3500" min="500">
<br>
<input type="number" name="" value="3500" placeholder="3500" min="500" max="100000">
<br>
<input type="number" name="" value="3500" placeholder="3500" min="500" max="100000000">

Run Code Online (Sandbox Code Playgroud)

问题：如何使它的行为像没有max属性或普通文本字段一样。

PS：切换类型时，我看不到样式的任何更改。PPS：我必须说我已经尝试使用了，-webkit-appearance: textfield;但textfield默认情况下Chrome已经在使用。

html css webkit google-chrome input-field

yes*_*n82

lucky-day

5
推荐指数

1
解决办法

251
查看次数