JS及input无法正常使用

问题

• 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>