山海科技发展网

08月30日科技常识:input禁止输入的方法

导读 摘要 今天小编跟大家讲解下有关input禁止输入的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关input禁止输入的方法 ...
摘要 今天小编跟大家讲解下有关input禁止输入的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关input禁止输入的方法 的相关

今天小编跟大家讲解下有关input禁止输入的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关input禁止输入的方法 的相关资料,希望小伙伴们看了有所帮助。

1: readonly规定输入字段为只读可复制 但是 用户可以使用Tab键切换到该字段 可选择,可以接收焦点 还可以选中或拷贝其文本。

<input type="text" value="哈哈哈" readonly="readonly">

2:disabled 被禁用的 input 元素可复制 不能接收焦点,设置后文字的颜色会变成灰色。无法与 <input type="hidden"> 一起使用。

<input type="text" value="哈哈哈" disabled="disabled">

3:通过控制input的max length为0实现

<input type="text" maxlength="0">

4:onfocus="this.blur();"onfocuse是聚焦的意思 当你把光标放在文本框上输入的时候 就是聚焦 但这里添加了"this.blur()" blur的作用就是去除聚焦 也就是你不能把光标放在这个文本框上 换句话说就是你不能输入文本了

<input type="text" value="哈哈哈" onfocus="this.blur();">

来源:爱蒂网