input只读readonly与disabled设置方法

发布时间:2020-05-21编辑:脚本学堂
有关input 只读属性的设置方法,包括readonly、disabled属性的设置例子,分享三种设置方法,需要的朋友参考下。

方法1:
 

复制代码 代码示例:
<input type="text" id="defaultAddress"  name="defaultAddress" class="input" value="" onfocus=this.blur() />

说明:
一个输入框,用户输入文本的框就是类似于百度的搜索框 value=""说明初始为空 onfocuse="this.blur()"
onfocuse是聚焦的意思,当把光标放在文本框上输入时,就是聚焦,但这里添加了"this.blur()",
blur的作用就是去除聚焦,不能把光标放在这个文本框上,不能输入文本了。

不能输入任何文本的文本框。

方法2,readonly只读属性设置。
 

复制代码 代码示例:
<input type="text" name="input1" value="中国" readonly=“readonly”>
<input type="text" name="input1" value="中国" readonly="true">

注意,readonly可设置css样式

方法3,disabled只读属性设置。
 

复制代码 代码示例:
<input type="text" name="input1" value="中国" disabled>

注意:disabled 按系统设置的disabled颜色来设置前景色的,css对其无效。