input输入框可以选择但是禁止不可以输入

最新推荐文章于 2025-06-12 16:25:32 发布

不会写代码的小伙子

最新推荐文章于 2025-06-12 16:25:32 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

文章标签： css

本文链接：https://blog.csdn.net/wo_ai_ni___/article/details/110853173

本文探讨了HTML中<input>标签的disabled和readonly属性的区别。disabled属性用于设置输入字段为禁止使用状态，用户无法修改其内容。而readonly属性则使输入字段变为只读，用户虽不能编辑，但可以选中复制。了解这两个属性的正确使用能帮助开发者更好地控制用户交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" disabled="disabled" value="text"> 禁止使用状态

<input type="text" readonly="readonly" value="text"> 不可输入但可选择

更多资料请查看本人博客

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不会写代码的小伙子

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

input禁止键盘及中文输入,但可以点击

12-10

网上找了很多，不实用，要不兼容问题，这个可以！<input>禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；另外禁止粘贴 onpaste=”return false” 代码如下:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <HEAD> <TITLE> New Document </TITLE> [removed] // 样式 style=”ime-mode:disable

input禁止输入，可以点击

z313731418的专栏

03-17

5043

禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；另外禁止粘贴 onpaste="return false" 代码如下: New Document // 样式 style="ime-mode:disabled" 禁止中文输入 funct

参与评论您还未登录，请先登录后发表或查看评论

uniapp——input 禁止输入，但是可以点击（禁用、可点击）

最新发布

努力、拼搏、奋进

06-12

557

uniapp——input 禁止输入，但是可以点击（禁用、可点击）

input不能输入的问题

qq_43654065的博客

10-08

8786

转载：input框不能输入问题今天就很神奇，input框不能输入！就很奇怪，百度了一下，发现是为了解决盒子直接的空隙问题，把fon-size设置为了0。。。不能友好玩耍了。下面是百度的几种input不能输入的原因。 1. input框设置了readonly属性这个就很好理解了，readonly属性把input框设置成了只读，就不可以输入了。 <input type="text" readonly="readonly" placeholder="这是一个只读框"/> 只读字段是不能

input 不可以输入编辑，但是可以选择的几种方式

web00_11的博客

08-21

1527

1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。 <input type="text" value="哈哈哈" disabled="disabled"> 3：通过控制in

input框不能输入

outstanding木槿

01-30

2485

如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚，如果使用了jquery，看看有没有return false的代码，因为在jquery中return false，既阻止了冒泡，又消除了默认事件。就是我目前碰到的情况，父组件里套着子组件，子组件是个弹窗，在弹窗里对公告标题输入，发现输入后光标一离开，输入的内容就不显示。

Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）

10-19

为了实现对输入的限制，我们可以创建一个自定义的JavaScript函数，该函数会在用户每次在指定的input输入框中键入内容时被调用。这个函数的作用是过滤掉不符合要求的字符，只保留数字和小数点，并且确保小数点的使用...

vue表单验证之禁止input输入框输入空格

01-18

刚开始用的下面这个方法，因为我是电脑端f12的情况下调试移动端，所以下面这个方法可以实现禁止输入空格，于是就打包测试上线了，上线后才发现真机中不支持，应该是pc端和移动端事件不一样，所以如果你是pc端，可以...

input 禁止输入特殊字符的四种实现方式

09-01

本文将详细探讨在HTML的input控件中禁止输入特殊字符的四种实现方式。 1. 字符串替换法（方式一）：这是最直接的一种方法，它通过创建一个正则表达式匹配那些非法的特殊字符，然后在用户输入后，通过一个...

input禁止输入的方法

热门推荐

diwuyanting的博客

11-21

10万+

1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。 type="text

input禁止输入的4种方法

青茶

08-01

3631

input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择，文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();

关于输入框input如何实现只可以选择不可以键盘输入

一亩三分地

08-05

1万+

在前台页面的开发中，可能会遇到某个输入框input只能是格式的字符串，而且格式还有规定。为了防止用户在输入时输入的字符串格式错误导致无法插入数据，所以我们会选择在input中添加实现选择控件。但是这也不能保证用户不会使用键盘进行输入，为此我们需要将input输入框设置成只能利用时间选择控件进行选择，而不能通过键盘进行输入。为了达到这个目的，我们可以进行如下设置： (1) 在input标签中将e

input框不能输入的几种方式

weixin_44917365的博客

06-14

3703

onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()”，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了。2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。

input框禁止输入的四种方式

学习记录

12-02

7705

方法一：只读不可修改 readonly=“readonly” 方法二：禁用且为灰色 disabled=“disabled” 方法三： maxlength=“0” 方法四： οnfοcus=“this.blur();”

html 能输入能选择的框,HTML input框动态模糊查询，能输入，能选择

weixin_39612896的博客

06-03

409

Title$('input#batch').bind('keyup', function () {var batch = $('input#batch').val();$.ajax({url: "/search_batch/",type: "GET",dataType: 'json',data: {'batch': batch},async: false,success: function (ar...

前端_input 不可输入操作

粪坑里的石头

04-26

405

前端_input 不可输入操作： <input readonly type="text">

input只能选择下拉不能输入_antd select组件添加可输入自定义选项的功能

weixin_33696476的博客

12-09

1931

由于最近的项目需要一个下拉选择框需要支持即可输入自定义选项，也可点击选择。antd select组件不支持自定义输入选项，所以需要对它进行简单的改造。实现起来也不麻烦，需要给select组件的onChange，onSearch，onBlur，添加代码。组件代码如下：<FormItemname="os"label="操作系统"><Select...

输入框禁止输入 el-input 但可以使用clearable

09-14

1. 禁止输入：可以通过设置 `el-input` 组件的 `disabled` 属性为 `true` 来禁用输入框，这样用户无法在输入框中输入任何内容。 2. 保持可清除功能：即使输入框被禁用，Element UI 仍然允许使用 `clearable` 属性。...