2024年5月7日发(作者：)

★精品文档★

html 文本框(text)不可用只读多种实现

方法

有时候，我们希望表单中的文本框是只读的，让用户不

能修改其中的信息，本文整理了多种实现方法，感兴趣的朋

友可以参考下

方法一： <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=() 

代码如下:

<input type=“text” name=“input1” value=“中国”

onfocus=() 

方法2:readonly 

2016

1 / 2

★精品文档★

代码如下:

<input type=“text” name=“input1” value=“中国”

readonly 

<input type=“text” name=“input1” value=“中国”

readonly=“true” 

方法3: disabled 

代码如下:

<input type=“text” name=“input1”

disabled 

2016

value=“中国”

2 / 2