<input> disabled 属性

最新推荐文章于 2023-02-19 14:58:24 发布

weixin_30439067

最新推荐文章于 2023-02-19 14:58:24 发布

阅读量313

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/modprobe/p/4506354.html

版权

定义和用法

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

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

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

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

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

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

这个地方吃过亏

转载于:https://www.cnblogs.com/modprobe/p/4506354.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30439067

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML常用标签-----例如＜p＞＜img＞＜li＞等

qq_56798763的博客

07-04

1001

1.HTML5头部结构【DOCTYPE html】声明文档类型为HTML5文件。文档声明在HTML5文档必不可少，且必须放在文档的第一行。【meta标签】 1.charset属性：单独使用，设置文档字符及编码格式。写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体中文 UTF-8:万国码 Unicode码，基本兼容各国语言文字 2.http-equiv属性：需配合c..

Javascript——＜input＞: 输入（表单输入）元素的type和样式属性

mintsolace的博客

08-19

2078

<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {

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

HTML <input> 标签的 disabled 属性

weixin_30951389的博客

02-20

353

定义和用法 disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。注释：disabled 属性无法与 <input type="...

input元素的disabled属性

2301_76222589的博客

02-19

1528

input元素的disabled属性

input的disabled属性

woaixuexixixi的博客

06-07

5694

使用input的disabled属性后，无法通过getParameter()方法获取其属性。解决方法:disabled="disabled" 换为 readOnly="readOnly"两者效果一样，都是将编辑框设置为不可编辑状态。但是，readonly可以通过getParamet方法取值。...

input标签disabled属性

weixin_42594143的博客

03-02

1458

disabled 属性规定禁用 input 元素。被禁用的 input 元素既不可用，也不可点击

Html Input disabled属性

weixin_30945039的博客

09-29

248

input的disabled： <input type="text" name="name" placeholder="请输入名称" disabled="disabled" /> 加上了 disabled，有几点注意： 1　　ajax ： from表单提交的时候，被定义的 disabled 的属性,不能够传值给后台！ 2　　使用tab键时将被跳过 3　　可...

使用<input>实现checkbox

09-25

- 使用 `disabled` 属性可以禁用复选框：`<input type="checkbox" disabled>` 4. **自定义样式**：默认情况下，浏览器会提供复选框的样式。若需自定义，可以使用CSS来改变其外观。这通常涉及使用`:before`或`:...

Vue动态控制input的disabled属性的方法

08-27

首先，让我们看一下 input 框的 HTML 源代码：<el-input v-model="dataForm.name" placeholder="配置项" v-bind:disabled="dataForm.id"></el-input>。在这个示例中，我们使用了 Vue 的 v-bind 指令来绑定 input 框...

<!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> 请改进这段代码

热门推荐

白小纯的博客

10-16

1万+

1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：<input type="text" name="aaa" value="xxx" disabled="true"/> readonly写法： <input type="text" name="bbb" value="xxx" readonly=&

input中的disabled

beautiful_good的专栏

09-09

400

disabled class="input_no_boder" value="修改" onclick="modify_data( 在js中控制 document.getElementById("modif").disabled = false;//注意这里是bool型的，不用加引号。

input 标签的 disabled 和 readonly 属性

weixin_30802171的博客

01-18

311

首先这两种属性都会使显示出来的文本框不能输入。　　disabled属性：规定禁用 input 元素。被禁用的 input 元素既不可用，也不可点击和编辑，使用tab键时将会被跳过，用户的所有操作对该输入项都无效。会使文本框变灰。　　此属性对所有的表单元素都有效，但是表单元素在使用了 disabled 后，当我们将表单以 POST 或 GET 的方式提交的话，这个表单元素值不会被...

button/input/select的disabled属性

qq_36412715的博客

05-13

770

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

2717

解决办法：1.在设置disabled="disabled"的同时另外设置一个隐藏的input，如： 2.使用readonly代替disabled="disabled" readonly和disabled是用在表单中的两个属性都可以做到使用户不可以更改表单域中的内容。 disabled：对于全部的表单元素都有效，包括select, radio, checkbox, button等。若是一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的全部操做（鼠标点击和键盘输入等）对该输入

input框添加disabled属性

feitiandezhu1399的博客

08-22

8632

给input框添加disabled属性有以下三种方法方法一：$("#ids").combobox({ disabled: true }) 方法二：$("#ids").attr("disabled", true ) 方法三：$("#ids").attr("disabled", "disabled" )...

ionic中实现ts控制input的disabled属性

陌上人如玉，公子世无双

05-31

2003

问题 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

807

如果给input添加disabled属性，IOS会检测到disabled属性，给输入框的默认字体设置上灰色和透明度，导致在IOS端 placeholder和输入的文本都呈现灰色，与安卓端表现不一致，安卓端没有这个问题。我使用的是Vant中的Field输入框，找到的第一个方法： input[disabled],input:disabled,input.disabled{ color: #bbb; opacity: 1; -webkit-text-fill-color:#b