input标签设置为不可用状态的三种方法

最新推荐文章于 2024-04-11 11:25:52 发布
最新推荐文章于 2024-04-11 11:25:52 发布
阅读量5.2k 收藏 5
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41818857/article/details/104133721
版权

一、disabled

禁用input元素，背景颜色变成灰色，不能点击和编辑，但后台可以接收到input中的数据。

<input type="text" name="name" value="sss" disabled>

在这里插入图片描述

二、readonly

readonly为只读，背景颜色不变，不可点击和编辑，后台也无法接收到收据。

<input type="text" name="name" value="sss" readonly>

在这里插入图片描述

三、readonly unselectable=“on”

与readonly基本一样，唯一不同的是这样后台可以接收到数据

<input type="text" name="name" value="sss" readonly unselectable="on">
ohmorning
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js和jquery使按钮失效为不可用状态的方法
12-03
在这种情况下，将按钮设置为不可用状态是常见的做法。本文将详细讲解如何使用JavaScript (JS) 和 jQuery (jq) 来实现这一功能，以及在HTML中设置按钮的基本结构。 首先，我们来看HTML部分。在HTML中，创建一个按钮...
详解HTML的<input> 标签及其禁用方法
09-28
`<input>`标签的类型（type属性）可以根据需求设置为多种，例如`text`（文本输入）、`checkbox`（复选框）、`radio`（单选按钮）、`submit`（提交按钮）等。这些类型的`<input>`标签为网站提供用户交互功能，如收集...
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
input不能输入的问题
qq_43654065的博客
10-08 8304
转载：input框不能输入问题 今天就很神奇，input框不能输入！就很奇怪，百度了一下，发现是为了解决盒子直接的空隙问题，把fon-size设置为了0。。。不能友好玩耍了。下面是百度的几种input不能输入的原因。 1. input框设置了readonly属性 这个就很好理解了，readonly属性把input框设置成了只读，就不可以输入了。 <input type="text" readonly="readonly" placeholder="这是一个只读框"/> 只读字段是不能
input框不能输入
outstanding木槿
01-30 1346
如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚，如果使用了jquery，看看有没有return false的代码，因为在jquery中return false，既阻止了冒泡，又消除了默认事件。就是我目前碰到的情况，父组件里套着子组件，子组件是个弹窗，在弹窗里对公告标题输入，发现输入后光标一离开，输入的内容就不显示。
html中input不可用或是只读的几种方式和区别简介
yinlell的博客
07-17 312
将HTML的文本框设置成不可编辑状态   方法1: onfocus=this.blur(); &lt;input type="text" class="form-control" datatype="*" id="membershipName" name="membershipName" onfocus=this.blur()&gt;   方法2:  readonly &am
让input不可输入但可选择和禁止使用状态
lxtlog的博客
11-17 3735
//不可输入但可选择     //禁止使用状态
html中input不可用或是只读的几种方式和区别
microdsy的专栏
10-24 1万+
将HTML文本框设为不可编辑文本框。方法1: onfocus=this.blur()<input type="text" name="input1" value="不可编辑文本框" onfocus=this.blur()>方法2:readonly<input type="text" name="input1" value="不可编辑文本框" readonly> <input type="text"
让input变成不可编辑状态的方法.docx
03-10
在上面的代码中，我们使用了 CSS选择器来选择 readonly 或 disabled 属性的 input 元素，并将其背景颜色设置为灰色，光标设置为不可用状体。 5. 使用 HTML5 的新特性 在 HTML5 中，可以使用新的 input 属性，例如 ...
点击提交按钮后按钮变灰色不可用状态的三种方法
09-05
当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1.submit()`提交表单。这种方式简洁明了，但缺点是提交成功后按钮仍然保持灰色，无法恢复为可用状态。 2. **利用`...
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
12-09
本文介绍了一种JavaScript方法，用于实现点击复选框时使按钮或文本框变灰并设置为不可用，当复选框被选中时则恢复其可用状态。 首先，我们需要了解HTML结构。在示例中，我们有一个包含复选框（`checkbox`）和提交...
input中checkbox选中_快速掌握—HTML快速实现自定义Input开关
weixin_39995943的博客
11-23 258
HTML<input id="customSwitch" type="checkbox" /> <label for="customSwitch" class="switch"></label>CSS/* 定义全局变量 */ :root { --base_color: rgba(0, 0, 0, 0.25); --act_color: #5dcb61; ...
使HTML标签变为不可使用状态
柚子哥哥i的博客
08-08 1890
给标签添加css样式：pointer-events: none; （默认为auto） 在js中是一个标签变为不可用（例如：a标签）$('a').css( 'pointer-events' , 'none' );
不常见的input属性(转载)
畅想程序
09-11 1255
大家在做会员注册程序时候，见过文本输入框，密码输入框，都已经了解对input属性的定义，其实input还有其他形形色色的属性，欢迎大家测试！　　1.ENTER键可以让光标移到下一个输入框 2.只能为数字(有闪动) 　　 3.只能为数字(无闪动) 57)) event.returnValue=false">  4.屏蔽输入法 　　 5.只能输入两位小数，三
设置input输入框动态禁止输入
qq_38735996的博客
12-07 1344
例如：<input class="mini-textbox" bind="pwname" width="75px" id="pwname" vtype="maxLength:50" required="true" /> 设置成只读：$("#pwname input").attr("readOnly","true"); id为pwname的input输入框只读
input控件不可编辑状态
tochal的专栏
07-30 2594
https://blog.csdn.net/llllllloooooo/article/details/79286846  
c字段和属性的区别_游戏角色属性公式更新
weixin_39531992的博客
11-28 159
属性计算在游戏之中，我们操纵的角色和一些非玩家角色都会有相关的数值描述，例如血量、等级、攻击、防御等等，下面就是暗黑破坏神3的一个角色的属性面板。事实上，一个角色的属性描述的几十个字段并不是毫无逻辑关系的，同时完整的属性关系之间可能还有其他的面板不可见属性作为中间变量存在。所有可见不可见的变量会组成一个有向无环图。图中的每个节点都有一个对应的值，当这个值更新之后，会触发当前节点可及的节点的更新，并...
html——input标签设置不可编辑属性
知北行的博客
04-05 3119
设置不可编辑： //设置不可编辑： $("#input_id").attr("disabled","disabled"); //或： $("#input_id").attr("readonly","readonly"); // 解除不可编辑： $("#input_id").removeAttr("disabled"); //或: $("#input_id").removeAttr...
js禁用所有的input
最新发布
Rockandrollman的博客
04-11 554
要在JavaScript中禁用所有的input元素，您可以使用document.querySelectorAll方法来选择所有的input元素，然后使用一个循环来为它们设置disabled属性。这段代码将会禁用页面上所有的input元素。
请按照一个checkbox，一个input进行排版，并且checkbox如果被选中则input可用，如果checkbox未被选中则input不可用
05-28
可以使用HTML和JavaScript来实现这个功能。以下是一个示例代码： ```html <label> <input type="checkbox" id="myCheckbox"> Enable input </label> <br> <input type="text" id="myInput" disabled> <script> const checkbox = document.getElementById("myCheckbox"); const input = document.getElementById("myInput"); checkbox.addEventListener("change", function() { input.disabled = !checkbox.checked; }); </script> ``` 在这个代码中，我们首先创建一个包含一个checkbox和一个label的标签。当用户点击label时，checkbox会被选中/取消选中。我们还创建了一个输入框，并将其禁用（即不可用）。 在JavaScript部分，我们首先获取checkbox和input的引用，然后附加一个事件监听器，以便在用户更改checkbox的状态时更新输入框的禁用状态。如果复选框被选中，则输入框将启用；否则，它将被禁用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值