input禁止输入的方法

简介: input禁止输入的方法


  1. readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。
<input type="text" value="哈哈哈" readonly="readonly">
  1. disabled 被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色。无法与 <input type="hidden"> 一起使用。
<input type="text" value="嘿嘿嘿" disabled="disabled">
  1. 通过控制input的max length为0实现
<input type="text" maxlength="0">
  1. οnfοcus="this.blur();"onfocuse是聚焦的意思,当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了
<input type="text" value="吼吼吼" onfocus="this.blur();">

推荐使用前两种方法


相关文章
|
1月前
|
JavaScript 前端开发
input 输入 限制 大全
input 输入 限制 大全
158 0
|
10天前
|
前端开发 JavaScript
如何让input框在用户输入后,文字居中显示
如何让input框在用户输入后,文字居中显示
18 0
|
10天前
|
前端开发 JavaScript
怎么让input框在用户输入后,文字居中显示
怎么让input框在用户输入后,文字居中显示
18 0
|
1月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
17 1
|
1月前
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
321 0
el-input限制输入整数等分析
|
1月前
element-plus 循环生成的多个input输入框如何校验
我们知道正常写出来的input输入框如何校验,那循环出来的输入框应该怎么校验咧,这里就教大家如何的去校验通过循环出来的输入框。
|
6月前
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
49 0
|
7月前
input输入框
input输入框