美文网首页
JS及input无法正常使用

JS及input无法正常使用

作者: Snowy25 | 来源:发表于2017-07-22 22:47 被阅读0次

问题

  • input:在CHROME下是可以正常输入的的,但是在UC,360等浏览器下也无法输入;
  • 使用各种HTML.CSS调试工具 无果;
  • 采用二分查找法,渐渐缩小范围。为TABLE的高度设定偏差,遮挡了文本框

原因

TABLE的高度设定偏差,遮挡了div;进而影响了input输入框及button。

解决

修改div大小

扩展

如需要表单中的文本框为只读模式,让用户不能修改其中的信息;
如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。
实现的方式归纳一下,有如下几种。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中国" readonly>

<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled
<input type="text" name="input1" value="中国" disabled>

相关文章

网友评论

      本文标题:JS及input无法正常使用

      本文链接:https://www.haomeiwen.com/subject/wxhpkxtx.html