标签: input-field

我知道它的readonly属性text input,但是当从其他站点读取代码时(我的一个讨厌的习惯)我看到了不止一个实现:

<input type="text" value="myvalue" class="class anotherclass" readonly >

和

<input type="text" value="myvalue" class="class anotherclass" readonly="readonly" >

我甚至见过

<input type="text" value="myvalue" class="class anotherclass" readonly="true" >

..而且我相信我看到了更多,但现在不记得确切的语法..

那么,哪一个是我应该使用的正确的呢？

反应原生我有些麻烦.我有一个输入组件(如文本字段)供用户输入他的电子邮件地址,但事实是,第一个字母总是作为大写字母默认,并且不可能使它成为非资本.我怎么能改变它,因为第一个字母也可以很小？

如果我使用type ="number"的输入字段,其中step ="100".我不希望奇数无效.我只想增加或减少值为1000.

<input type="number" min="100" max="999999" step="100" />

如果用户输入值"199"并提交,则他/她会收到错误,因为该值不能被100分割.但我想要的步骤值是控制微调器的行为,例如,如果用户点击我希望值199变为200,如果他/她点击,我希望它变为100.或者理想情况下,我希望值增加或减少值为100.

我该怎么做呢？我尝试使用无效事件(使用jQuery 1.7.2),如下所示:

$( "[type='number']" ).bind( 'invalid', function( e ) {
    var el = $( this ),
      val = el.val( ),
      min = el.attr( 'min' ),
      max = el.attr( 'max' );

    if ( val >= min && val <= max ) {
        return false;
    }
} );

但这导致表单未提交.

PS.:这是在Fedora 16上的Google Chrome 20.0.1132.57中.

仅使用html和css,如何禁用活动输入字段周围的蓝色(在Firefox中)突出显示颜色.我尝试过使用input {outline:none;}但没有成功.谢谢您的帮助!=)

好吧,忽略前面关于大纲的代码,我选择了错误的属性来改变.我想要的是简单地删除活动表单输入字段周围的突出显示(无论浏览器,它出现的粗体和彩色边框),而无需更改或禁用样式.谢谢=)

我正在Android上创建一个HTML5应用程序,对于这个特定的场景,我们有一个输入字段,用于信用卡的安全代码,我们希望强制输入字段仅限数字并屏蔽.

我没有运气寻找这个具体案例,从我自己研究/尝试的一切事情来看,这不能仅仅通过HTML5完成(因为数字和密码都是类型的选项,只有一种类型可以使用).我失去了一些东西,有一种方法,同时具有输入通过HTML5被屏蔽或有另一种方式来迫使键盘输入型或通过CSS或JavaScript掩盖输入弹出数字键盘？

谢谢你的帮助!

我在SO上看过类似的问题,包括这个问题,这个问题已经过时了.我阅读并关注了链接,但目前还不清楚今天是否有适当的解决方案.

我的底层问题是我placeholder="..."在输入字段上使用HTML .通过自动聚焦在第一个字段上,其占位符对用户不再可见.

编辑

这是我的HTML代码:

<div id='LOGIN_FORM' title="Login">
    <form action="">
        <input type="text" name="login_id" required="required"
                           placeholder="Enter user ID" /><br />
        <input type="password" name="login_pwd" required="required"
                           placeholder="Enter password" /><br />
    </form>
</div>

这是我的JS代码:

$("#login").click(function() { 
    $("#LOGIN_FORM").dialog({ modal: true }, { buttons: [
    {
            text: "Ok",
            click: function() { $(this).dialog("close"); }
        }
    ] });
});

我使用CSS设置了一个文件输入样式:

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer; 
}

<form>
  <label for="file-upload" class="custom-file-upload">
    <i class="fa fa-cloud-upload"></i> Upload Image
  </label>
  <input id="file-upload" name='upload_cont_img' type="file" style="display:none;">
</form>  

一切正常,但我想显示所选的文件名.这怎么可能使用CSS或jQuery？

我很难用 $_FILES

我想检查它是否为空,如果它不是空的,那么它不应该尝试上传文件.我该如何检查？

我想使用以下jQuery动态地向我的页面添加一个输入字段:

var inputNode = "<input id='inputNode' class='tiContent' type='text'
    placeholder='text input...'/>";
$("div").append(inputNode);

在这样做之后,我希望输入字段具有闪烁文本光标的焦点,所以我想在创建后立即键入它.

有人可以告诉我我该怎么做？

我试过打电话

$(inputNode).focus()

并且也尝试过

$(inputNode).trigger('click')

但他们都没有工作.点击后我可以输入字段,但正如我所说,我想立即键入而不进行任何交互.

在这里使用jQuery,但无法阻止数字输入到输入字段

http://codepen.io/leongaban/pen/owbjg

输入

<input type="text" name="field" maxlength="8"
    title="Only Letters"
    value="Type Letters Only"
    onkeydown="return alphaOnly(event);"
    onblur="if (this.value == '') {this.value = 'Type Letters Only';}"
    onfocus="if (this.value == 'Type Letters Only') {this.value = '';}"/>

jQuery的

function alphaOnly(event) {

  alert(event);

  var key;

  if (window.event) {
    key = window.event.key;
  } else if (e) {
    key = e.which;
  }
  //var key = window.event.key || event.key;
  alert(key.value);
  return ((key >= 65 && key <= 90) || (key >= 95 && key <= 122));

}

我在这里看到了很多关于如何限制数字的例子,我正在使用正确的密钥代码来表示az和AZ.你看到我做错了吗？