html 文本框(text)不可用只讀的多種實現方法

2019-10-26 17:14:15

字體：大中小

來源：轉載

供稿：網友

方法一： <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"/> 隱藏（不占位置）

有時候，我們希望表單中的文本框是只讀的，讓用戶不能修改其中的信息，如使<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>

上一篇：html內聯元素和塊級元素的基本概念及使用示例

下一篇：iframe去邊框、無邊框使用大全(實踐經驗整理)