前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >input禁止输入的方法

input禁止输入的方法

原创
作者头像
用户1349575
发布2022-02-08 11:16:45
2.5K0
发布2022-02-08 11:16:45
举报
文章被收录于专栏:编程社区编程社区

1. readonly

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

代码语言:javascript
复制
<input type="text" value="test" readonly="readonly">

2. disabled

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

代码语言:javascript
复制
<input type="text" value="test" disabled="disabled">

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

代码语言:javascript
复制
<input type="text"  maxlength="0">

4. οnfοcus="this.blur();"

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

代码语言:javascript
复制
<input type="text" value="test" onfocus="this.blur();">

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. readonly
  • 2. disabled
  • 3. 通过控制input的max length为0实现
  • 4. οnfοcus="this.blur();"
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档