問題
- input:在CHROME下是可以正常輸入的的,但是在UC,360等瀏覽器下也無法輸入;
- 使用各種HTML.CSS調(diào)試工具 無果;
- 采用二分查找法,漸漸縮小范圍。為TABLE的高度設(shè)定偏差,遮擋了文本框
原因
TABLE的高度設(shè)定偏差,遮擋了div;進(jìn)而影響了input輸入框及button。
解決
修改div大小
擴(kuò)展
如需要表單中的文本框?yàn)橹蛔x模式,讓用戶不能修改其中的信息;
如使<input type="text" name="input1" value="中國"> 的內(nèi)容,"中國"兩個(gè)字不可以修改。
實(shí)現(xiàn)的方式歸納一下,有如下幾種。
方法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>