有時(shí)候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,本文整理了多種實(shí)現(xiàn)方法,感興趣的朋友可以參考下
方法一: <input id= "File1" type= "text" disabled/> 不可用
方法二: <input id= "File1" type= "text" readonly/> 只讀
方法三: <input id= "File1" type= "text" style="display:none"/> 隱藏(但占位置)
方法四: <input id= "File1" type= "text" style="visibility:hidden"/> 隱藏(不占位置)
有時(shí)候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<input type="text" name="input1" value="中國(guó)"> 的內(nèi)容,"中國(guó)"兩個(gè)字不可以修改。實(shí)現(xiàn)的方式歸納一下,有如下幾種。
方法1: onfocus=this.blur()
代碼如下:
<input type="text" name="input1" value="中國(guó)" onfocus=this.blur()>
方法2:readonly
代碼如下:
<input type="text" name="input1" value="中國(guó)" readonly>
<input type="text" name="input1" value="中國(guó)" readonly="true">
方法3: disabled
代碼如下:
<input type="text" name="input1" value="中國(guó)" disabled>