问题
- 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>