input禁止输入的4种方法

方法1、 readonly

<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制

方法2、 disabled

<input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色

方法3、max length = “0”

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

方法4：this.blur()

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

input禁止输入的4种方法相关推荐

【前端】input隐藏的三种方法和区别
一.不留痕迹的隐藏.  <input type="hidden" />  <input t ...
Linux安装MySQL的两种方法
原文链接:http://blog.csdn.net/superchanon/article/details/8546254 -------------------------------------- ...
html5 文本框限制,html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...
input禁止输入(禁止获得焦点) 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本. 2:disabled 被 ...
PHP no input file specified 三种解决方法
PHP no input file specified 三种解决方法参考文章: (1)PHP no input file specified 三种解决方法 (2)https://www.cnblog ...
html+input改变图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 将小图标当做input的背景来插入,直接上代码吧: Box{ height: 50px; backgroun ...
ajax 解决csrf的3种方法，input标签的文件上传
ajax 解决csrf的3种方法,input标签的文件上传参考文章: (1)ajax 解决csrf的3种方法,input标签的文件上传 (2)https://www.cnblogs.com/gyh0 ...
使input文本框不可编辑的3种方法
转自点击打开链接今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能 ...
html密码框怎么添加小图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...
input 单击图标_JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...

input禁止输入的4种方法

input禁止输入的4种方法相关推荐

最新文章

热门文章