<input> disabled 属性

2024-10-20

<input> disabled 属性

定义和用法 disabled 属性规定应该禁用输入字段. 被禁用的输入字段是无法使用和无法点击的. 如果使用该属性,则会禁用输入字段. 可以对 disabled 属性进行设置,使用户在满足某些条件时(比如选中复选框,等等)才能使用输入字段.然后,可使用 JavaScript 来删除 disabled 属性,使该输入字段变为可用的状态. 注释:disabled 属性不适用于 <input type="hidden">. 提示:被禁用的表单元素不会被提交. 这个地方吃过亏

Html Input disabled属性

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

html 表单input disabled属性提交后台无法获得数据

在input上加入disabled属性后, 点击提交会遗漏该值, 有两个办法: 一可以考虑readonly属性,一样的不可修改操作,但是可以提交二在提交时 js 代码操作去除input上的disabled属性

select & input的disabled属性及其向后台传值问题

1.select & input disabled属性 select & input 均具有disabled属性,设置该属性可禁止修改select / input 的文本内容,同时也会是下拉框或者文本框的颜色变灰.设置方法设置 disabled="XXX"XXX有内容即可起作用. 2.select & input 设置disabled属性后传值到后台当设置了select/input的disabled属性后,后台无法通过request.getParameter(

JQuery控制input的readonly和disabled属性

jquery设置元素的readonly和disabled Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('i

如何利用jquery来给input添加或删除disabled属性

1.以下二种方法是可以为input添加disabled属性的方法: //两种方法设置disabled属性 $(".save").attr("disabled",true); $(".save").attr("disabled","disabled"); 2.以下三种方法是移除(去除)掉input的disabled属性的方法: //三种方法移除disabled属性 $(".save").a

jQuery中判断input的disabled属性

<input type="text" id="ipt1" disabled> <input type="text" id="ipt2" disabled="disabled"> <input type="text" id="ipt3"> var val = $("#ipt").is(":disabled

angular4 form 表单中 input输入框的disabled属性

直接加[disabled]="isDisabled"属性的话,出现报错根据提示,做如下修改 private isEdit: boolean = true; private isDisabled = true; private myForm: FormGroup; private roleParams = { roleName:'', items:['全部权限'] } ngOnInit() { this.routerIonfo.params.subscribe((params: Par

HTML中,input元素的 Disabled属性所产生的后端无法接收数据的问题

背景今天从前端提交 form表单数据时,发现设置 Disabled 的 input 元素的字段数据在后端无法接收到原因查阅资料(来自W3school): disabled 属性规定应该禁用 input 元素. 被禁用的 input 元素既不可用 ,也不可点击.可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等).然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用. 注释:disabled 属性无

iphone中input按钮设置disabled属性出现灰色背景没有显示问题

在项目中发现发送验证码的按钮,在点击后添加disabled属性后,iphone手机中出现disabled属性的默认背景颜色没有显示,反而直接显示它下面的父级元素的白色点击前点击后倒计时的按钮消失了然后就开始了各种方案测试,一直在找是不是兼容性的问题,然后发现没啥效果. 之后就从处理兼容性问题上转移到直接设置样式覆盖掉disabled的默认样式 input[type=button], input[type=submit], input[type=file],button{ cursor:

jQuery设置disabled属性

先比较下readOnly和disabled: readOnly 只针对input(text/ password)和textarea有效: disabled 对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是

使用jQuery设置disabled属性与移除disabled属性

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,

HTML的disabled属性及readonly属性

disabled属性的input不会提交到服务器. readonly属性的input会提交到服务器.

a标签无disabled属性

<a class="button">确认</a> 我们经常会用a标签来设置按钮样式,如果点击它跳转页面,那么没有任何问题. 如果绑定了ajax事件,即点击后进行ajax请求,然后做一些事情. 为防止连续点击,重复执行事件,我想到的是使用disabled禁用它,结果设置disabled属性后,仍然可以执行点击操作. 查看了w3schools,才明白原来a标签无diabled属性:http://www.w3schools.com/tags/tag_a.asp 解决方

怎么设置按钮的disabled属性

首先我们要知道怎么去设置两种方法设置disabled属性 $('#area').attr("disabled",true); $('#area').attr("disabled","disabled"); 三种方法移除disabled属性 $('#area').attr("disabled",false); $('#area').removeAttr("disabled"); $('#area').att

js和jquery设置disabled属性为true使按钮失效

设置disabled属性为true即为不可用状态. JS: document.getElementByIdx("btn").disabled=true; Jquery: $("#btn").attr("disabled",true); html: <input type="submit" id="btn">

jQuery设置元素的readonly和disabled属性

jQuery的api中提供了对元素应用disabled和readonly属性的方法,如下: 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly"

a标签（普通标签如span）没有disabled属性，怎样利用js实现该属性

a标签以及其她普通标签没有disabled属性,要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定: <!DOCTYPE html> <html> <head> <title>a onclick disabled</title> <script src="./js/jquery.min.js" type="text/javascript" char

disabled属性对form表单向后台传值的影响

在form表单里,如果对input加入disabled="disabled"或disabled="true"等属性,form表单提交的时候,就不会传值到后台. 原因:在HTML页面的某元素加入了disable的属性,那么这个元素只是单单的去给用户去显示,当表单提交时,这个元素不会提交给后台去处理．所以当元素加入了disabled属性,后台是无法得到这个属性的值．解决方法:再写一个隐藏属性,一个用于显示,一个用于传值.

jquery如何设置与去除disabled属性？五种方法

//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disabled");

<input> disabled 属性

热门专题