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();">

推荐使用前两种方法


相关文章
|
7月前
|
前端开发 JavaScript
如何让input框在用户输入后,文字居中显示
如何让input框在用户输入后,文字居中显示
272 0
|
8月前
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
1427 0
el-input限制输入整数等分析
|
6月前
|
前端开发 JavaScript
str.repeat(2)将字符串重复两次,let str_trim = ‘1 1 1 1‘str_trim.trim() 将字符串的空白部分去掉,toLowerCase()小写,toUpperCas
str.repeat(2)将字符串重复两次,let str_trim = ‘1 1 1 1‘str_trim.trim() 将字符串的空白部分去掉,toLowerCase()小写,toUpperCas
|
6月前
el-input 模糊匹配 - 单行输入
el-input 模糊匹配 - 单行输入
36 0
|
7月前
|
前端开发 JavaScript
怎么让input框在用户输入后,文字居中显示
怎么让input框在用户输入后,文字居中显示
332 0
|
8月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
145 1
|
8月前
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
3342 1
|
8月前
简单粗暴实现el-input只允许输入数字
简单粗暴实现el-input只允许输入数字
简单粗暴实现el-input只允许输入数字
|
8月前
element-plus 循环生成的多个input输入框如何校验
我们知道正常写出来的input输入框如何校验,那循环出来的输入框应该怎么校验咧,这里就教大家如何的去校验通过循环出来的输入框。
365 0