CSS中input不可输入

最新推荐文章于 2024-08-01 14:56:00 发布
最新推荐文章于 2024-08-01 14:56:00 发布
阅读量2.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuteeeee/article/details/108538688
版权

有两种方法
第一：disabled="disabled"这样定义之du后被禁用的 input 元素既不可用，也不可被点击。
第二：readonly=“readonly” 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本；

ʚ 甜甜的小荔枝 ɞ
关注
如何禁止文本框的输入[zt]
skyhell的专栏
12-21 1894
解决思路：     在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。 具体步骤： 方法一：设置readonly属性为true。 方法二：设置disabled属性为true。 方法三：在对象focus时立刻让它blur，使它无法获得焦点。  提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 特别提示 代码
input禁止输入的方法
代码的搬运工的博客
05-28 1179
1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与 一起使用。 <input type="text" value="哈哈哈" disabled="disabled"> 3：通过控制in
input框不能输入
outstanding木槿
01-30 1976
如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚，如果使用了jquery，看看有没有return false的代码，因为在jquery中return false，既阻止了冒泡，又消除了默认事件。就是我目前碰到的情况，父组件里套着子组件，子组件是个弹窗，在弹窗里对公告标题输入，发现输入后光标一离开，输入的内容就不显示。
input 无法输入
qq_39398270的博客
11-19 597
input 无法输入问题，readonly，disable，font-size为0，设置了用户不可选中文本，usr-select:none;，return false；的使用清除了input框的默认事件。 如果是其他位置挡住了，那么使用z-index可以设置解决
使用css禁用input
hu104160112的博客
01-14 4138
普通禁用 使用 disabled 属性 <input type="text" disabled> 使用css input{ pointer-events: none; }
使用 css 禁用 input 控件实现 disable 效果
虎康的博客
06-26 1189
但在 css 中，我们可以设置对input框实现不能点击的效果并添加输入框的透明度来实现禁用的效果。在 js 中，我们使用以下方法来阻止input,select,checkbox的默认事件，如。使用 css 禁用 input 控件实现 disable 效果。
CSS实现当鼠标移到input上时鼠标变为不可输入的状态
09-25
在HTML中，input元素可以通过disabled属性来设置为不可输入状态。然而，仅仅使用这个属性会导致输入框变灰，没有视觉上的“警告”效果。如果想要在鼠标悬停时，除了不可输入之外，还能够有明显的鼠标指针变化，让...
css3 input文本框动画特效
07-24
综上所述，"css3 input文本框动画特效"是一个综合运用了CSS3新特性的实践案例，它包括但不限于边框动画、背景变化、伪类应用、验证反馈等多个方面。通过巧妙地组合这些技术，设计师可以打造出既美观又实用的输入框...
input禁止键盘及中文输入,但可以点击
09-04
标题中的“input禁止键盘及中文输入,但可以...然而，这种方法可能不适用于所有场景，例如，如果输入框预期用户通过下拉菜单选择日期，那么键盘输入仍然是必要的。在实际应用中，应根据具体需求调整或扩展这个解决方案。
如何利用css隐藏input的光标示例代码
12-13
`readonly`属性使得输入框不可编辑，但光标仍然可见；`disabled`属性则完全禁用了输入框，不仅光标消失，用户也无法输入；而`blur`属性会使输入框失去焦点，光标也会自然消失，但这并不是我们想要的效果，因为我们...
css 控制input输入框不能输入中文
热门推荐
gkingzheng的专栏
06-28 1万+
控制输入的输入方法有很多种。 包括 js 的方法。 1.通过 js 的keyup 和keydown 事件来处理，输入源的问题。用js来获取event 的 keyCode判断是否是 数字的输入。 2.通过 输入的字符判断来判断是否都是 数字 ，比如： js 获取键盘按键的事件 keyCode     var evt = e|| window.event;     var kc =
.input赋值之后input框无法输入，或者和其他input框错位，校验延迟
weixin_42601547的博客
01-10 356
当你将值赋给一个input元素之后，这个input框可能无法输入或与其他input框错位，这是因为在赋值之后你没有重新渲染该元素导致的。 解决这个问题的一种方法是在赋值之后重新触发一次render()方法。另一种方法是使用setTimeout函数来延迟更新，这样能够确保在赋值之后重新渲染。 另外需要注意的是,在需要校验输入框内容时,需要在校验时做延迟处理,因为在输入时,值还未完全改变. ...
CSS禁止输入之readonly VS disable
weixin_30482181的博客
04-12 238
Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。共同点：都不能编辑和获取焦点。不同点：　　readonly:使用表单post或get传递时会被传递出去。　　disabled：使用表单post或get传递时不会被传递出去。但是readonly的显...
html中input不可编辑状态,css如何实现input不可编辑
weixin_33514300的博客
06-05 1021
css实现input不可编辑的方法：1、设置【onfocus=this.blur()】当鼠标放不上就离开焦点；2、设置disabled，代码为【】。本教程操作环境：windows7系统、css3版，DELL G3电脑。css实现input不可编辑的方法：方法1：onfocus=this.blur() 当鼠标放不上就离开焦点方法2：readonly方法3：disabled扩展资料：语法Input(n...
input禁止输入的4种方法
最新发布
青茶
08-01 1616
input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();
html禁止input文本框输入的几种方式
追求极简生活方式
07-02 8124
一、html禁止input文本框输入: readonly: disabled:  maxlength:  blur:
关于input[type=number]的输入框禁止输入.、e、+、-的解决方案
梦丶随心飞
10-13 2110
废话不多说，直接上代码。 **Js 部分：** ```javascript $(document).on('keypress','css选择器',function(e){ if(e.keyCode == 101 || e.keyCode == 46 || e.keyCode == 43 || e.keyCode == 45){ return false; } }); 如果觉得对你有帮助的话，可以
input标签设置为不可用状态的三种方法
qq_41818857的博客
02-01 5467
一、disabled 禁用input元素，背景颜色变成灰色，不能点击和编辑，但后台可以接收到input中的数据。 <input type="text" name="name" value="sss" disabled> 二、readonly readonly为只读，背景颜色不变，不可点击和编辑，后台也无法接收到收据。 <input type="text" name="name...
css 设置input不可按,css中input框不可点击+首行缩进
06-07
要使输入框不可点击和输入，你可以使用如下的 CSS： ```css input[disabled] { cursor: not-allowed; pointer-events: none; } ``` 对于首行缩进，你可以使用 `text-indent` 属性，如下所示： ```css p { text...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值