javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:首页 > 网站技术 > DivCss教程

input只读readonly与disabled设置方法

来源:IT技术网编辑:雨天发布于:2017-01-22人围观

 

法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对其无效。


与相关的文章
有时间的话来看看IT界的突发事件