如何设置input标签为只读(用于设置选择和显示)

方法 1


强烈推荐:鼠标移到文本框变成小手图标。

<input type="text" id="defaultAddress"  name="defaultAddress" class="input" value="" οnfοcus=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对其无效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值