input不能输入的问题

2024-04-29 17:01:48

转载：input框不能输入问题

今天就很神奇，input框不能输入！就很奇怪，百度了一下，发现是为了解决盒子直接的空隙问题，把fon-size设置为了0。。。不能友好玩耍了。下面是百度的几种input不能输入的原因。

1. input框设置了readonly属性

这个就很好理解了，readonly属性把input框设置成了只读，就不可以输入了。

<input type="text" readonly="readonly" placeholder="这是一个只读框"/>

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

2. input框自身设置font-size为0

这种情况比较少见，但是有些时候，为了消除span元素之间的间隔会让font-size为0，此时input框应该是内容区为0*0个像素，如果强行设置input宽高，这时就算input框显示了，因为font-size为零，就啥也输不进去。

3. input框被其他元素挡住

这种情况大致是因为浮动和z-index引起的，它的特点是即使点击input元素也不会出现选中状态，只要认真排查一下html的结构合不合理，就可以找到问题。

4. 设置了用户不可选中文本

可能会因为浏览器的一些适配问题，导致你设置的user-select：none；影响到了input框的正常事件

5. return false;的使用清除了input框的默认事件

我们知道使用stopPropagation(); 可以阻止默认的冒泡事件，使用preventDefault();可以消除默认事件，但是在使用中贪图方便直接用return false；来代替以上两种方法，阻止默认事件用reutrn false，但是在jquery中，reutrn false；既阻止了冒泡，又消除了默认事件，如果不清楚这一点很有可能在使用on绑定事件时，使用reutrn false；消除冒泡的时候也消除了默认事件，导致input框无法输入内容。

input不能输入的问题相关推荐

js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
html input不能输入小数_第三课：变量与输入输出的配合使用
什么是变量? 讲到变量可能有的同学隐约有概念,但有的同学还有点懵.没关系,我们先将百度截图放在下面作为参考,再用大白话去理解什么是变量: 变量,从字面意思来看就是会变化的量,实际上也正是如此.那么我们 ...
控制HTML Input只能输入数字和小数点
转:https://www.cnblogs.com/esion/p/3342866.html 本文介绍三种控制在中只允许输入数字和小数点的方案. 方案1:通过JavaScript代码实现. JavaS ...
jquery 验证小数点后几位_（亲测可用）input只能输入数字或小数点后几位
webapp是基于html5网页版的app,经常会结合app成为混合模式 hybrid app,也就是 app小应用打开访问的其实是网页,这种方式非常不错,解决了app更新的难题, 所以这个时候要求 ...
input只能输入数字_Python基础第一个案例：猜数字游戏，这个都写不出，那就放弃吧...
前言本文案例只适合新手,老司机请绕路. 游戏介绍: 程序自己有一个数字,用户输入一个数字,两个数字进行比较. 知识点: input函数字符串 while循环 if条件判断语句 break语句开始 ...
Python中int(input(请输入一个数))报错：ValueError: invalid literal for int() with base 10: '2.7'
编写下面这段代码: def division():apple = int(input("请输入苹果个数:\n"))children = int(input("请输入孩子个 ...
html限定输入的内容,HTML中限制input 输入框输入内容
限制 input 输入框只能输入纯数字 1.onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件,有 bug ,那就 ...
INPUT只能输入数字
input只能输入数字: (只能输入数字,并且输入的值不能大于99),但是这样有个问题,就是当输入非数字字符时,输入框中所有的字符都会被清除 <input type="text&quo ...
python一次性输入多个数_python如何利用input函数输入多个参数?
python进行交互式输入过程中,一般使用input()函数来接受键盘的输入. 如果考虑这样的应用: 程序需要多个参数,并且希望每输入一个参数就进行换行,即希望一次输入多个参数. 关于这样问题网络上有 ...
文本输入框input将输入转换为统一大小写
转载地址:http://blog.csdn.net/yieryi_/article/details/52078596 文本输入框input将输入转换为统一大小写,通常有两种方法:JS和CSS方法. 1 ...

最新文章

热门文章