<input> disabled 属性

最新推荐文章于 2023-02-19 14:58:24 发布
最新推荐文章于 2023-02-19 14:58:24 发布
阅读量406 收藏
点赞数
原文链接：https://my.oschina.net/u/3023307/blog/783520
版权

定义和用法

disabled 属性规定应该禁用输入字段。

被禁用的输入字段是无法使用和无法点击的。

如果使用该属性，则会禁用输入字段。

可以对 disabled 属性进行设置，使用户在满足某些条件时（比如选中复选框，等等）才能使用输入字段。然后，可使用 JavaScript 来删除 disabled 属性，使该输入字段变为可用的状态。

注释：disabled 属性不适用于 <input type="hidden">。

提示：被禁用的表单元素不会被提交。

这个地方吃过亏

转载于:https://my.oschina.net/u/3023307/blog/783520

chongpuyu0410
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
禁止input文本框输入实现属性
12-10
复制代码代码如下: readonly、disabled、autocomplete ...disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值 复制代码代码如下: <input type=”t
使用jQuery设置disabled属性与移除disabled属性
12-10
Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这...
HTML <input> 标签的 disabled 属性
weixin_30951389的博客
02-20 334
定义和用法 disabled 属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 注释：disabled 属性无法与 <input type="...
input元素的disabled属性
2301_76222589的博客
02-19 1432
input元素的disabled属性
input的disabled属性
woaixuexixixi的博客
06-07 5662
使用input的disabled属性后，无法通过getParameter()方法获取其属性。解决方法:disabled="disabled"  换为 readOnly="readOnly"两者效果一样，都是将编辑框设置为不可编辑状态。但是，readonly可以通过getParamet方法取值。...
input标签disabled属性
weixin_42594143的博客
03-02 1435
disabled 属性规定禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击
Vue动态控制input的disabled属性的方法
12-29
有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？ 输入框的html源代码 <el v-model=dataForm....
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
10-15
主要介绍了微信小程序点击按钮动态切换input的disabled禁用/启用状态功能，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
Html Input disabled属性
weixin_30945039的博客
09-29 234
input的disabled： <input type="text" name="name" placeholder="请输入名称" disabled="disabled" /> 加上了 disabled，有几点注意： 1　　ajax ： from表单提交的时候，被定义的 disabled 的属性,不能够传值给后台！ 2　　使用tab键时将被跳过 3　　可...
input属性disabled和readonly的区别（超详细的~~~~）
热门推荐
白小纯的博客
10-16 1万+
1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：&lt;input type="text" name="aaa" value="xxx" disabled="true"/&gt; readonly写法：  &lt;input type="text" name="bbb" value="xxx" readonly=&
input中的disabled
beautiful_good的专栏
09-09 382
disabled class="input_no_boder" value="修改" onclick="modify_data( 在js中控制 document.getElementById("modif").disabled = false;//注意这里是bool型的，不用加引号。
input 标签的 disabled 和 readonly 属性
weixin_30802171的博客
01-18 288
首先这两种属性都会使显示出来的文本框不能输入。 　　disabled属性：规定禁用 input 元素。被禁用的 input 元素既不可用，也不可点击和编辑，使用tab键时将会被跳过，用户的所有操作对该输入项都无效。会使文本框变灰。 　　此属性对所有的表单元素都有效，但是表单元素在使用了 disabled 后，当我们将表单以 POST 或 GET 的方式提交的话，这个表单元素值不会被...
button/input/select的disabled属性
qq_36412715的博客
05-13 740
button/input/select的disabled属性 button的disabled属性 一个被禁用的按钮： <button type="button" disabled="disabled">Click Me!</button> <button type="button" disabled="false">Click Me!</button&gt...
【web】当input的属性设置为disabled=“disabled“时，表单不会提交此input的数据
Shino_jie的博客
06-11 2554
解决办法：1.在设置disabled="disabled"的同时另外设置一个隐藏的input，如： 2.使用readonly代替disabled="disabled" readonly和disabled是用在表单中的两个属性都可以做到使用户不可以更改表单域中的内容。 disabled：对于全部的表单元素都有效，包括select, radio, checkbox, button等。若是一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的全部操做（鼠标点击和键盘输入等）对该输入
input框添加disabled属性
feitiandezhu1399的博客
08-22 8583
给input框添加disabled属性有以下三种方法 方法一：$("#ids").combobox({ disabled: true }) 方法二：$("#ids").attr("disabled", true ) 方法三：$("#ids").attr("disabled", "disabled" )...
ionic中实现ts控制input的disabled属性
陌上人如玉，公子世无双
05-31 1937
问题 html实现如下： <input type="text" id="username" readonly="true"> <input type="text" id="username" disabled="true"> JavaScript实现方式如下： document.getElementById('text').disabled = false; ...
关于input的disabled属性在移动端兼容问题
weixin_41395548的博客
02-09 740
如果给input添加disabled属性，IOS会检测到disabled属性，给输入框的默认字体设置上灰色和透明度，导致在IOS端 placeholder和输入的文本都呈现灰色，与安卓端表现不一致，安卓端没有这个问题。 我使用的是Vant中的Field输入框，找到的第一个方法： input[disabled],input:disabled,input.disabled{ color: #bbb; opacity: 1; -webkit-text-fill-color:#b
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn") oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" /><br /> <br /> 账号:<input type="text" /><br /> <br /> 密码:<input type="password" /> <br /> <br /> <form method="post"> 性别: <input type="radio" name="gender" value="男" />男 <input type="radio" name="gender" value="女" />女 </form> <br /> <select> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> <br /> <br /> <input Id="btn" type="button" value="提交" /> </body> </html> 请改进这段代码
最新发布
05-27
这段代码有一些问题，我来逐个指出并提供改进的方案： 1. 没有为表单元素设置name属性，导致表单提交时无法获取表单数据。因此，需要给每一个表单元素都设置name属性，例如： ```html <input type="text" name="name"> ``` 2. 在性别选项中，使用了一个嵌套的form元素，这是不合法的HTML结构。应该将性别选项用label元素包裹，并为每个选项设置id属性，然后在label元素中使用for属性指向该选项的id，例如： ```html <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label> ``` 3. select元素没有设置name属性，也无法选择默认选项。应该给select元素设置name属性，并在其中加入一个默认选项（可以使用disabled和selected属性来禁止该选项被选中），例如： ```html <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> ``` 4. input元素的id属性应该为小写字母。 下面是改进后的代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn"); oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名：<input type="text" name="name"><br> <br> 账号：<input type="text" name="account"><br> <br> 密码：<input type="password" name="password"><br> <br> <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label><br> <br> <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select><br> <br> <input id="btn" type="button" value="提交"> </form> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值