<input/>标签的disabled属性与readonly属性

最新推荐文章于 2022-06-11 21:29:38 发布
最新推荐文章于 2022-06-11 21:29:38 发布
阅读量444 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/curry_du/article/details/49333949
版权

今天做表单数据提交，ordernum属性一直提交不到bean中，才发现是这两个属性搞得鬼。

开始时我用的是disabled,提交时提交不上去，ordernum总是为null；后来改成了readonly,就OK了。看看他们的描述，

disabled描述：当input元素加载时禁用此元素。
readonly描述：规定输入字段为只读。

被困了挺长时间，就是因为这两个小属性。~_~

curry_du
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML常用标签-----例如＜p＞＜img＞＜li＞等
qq_56798763的博客
07-04 967
1.HTML5头部结构 【DOCTYPE html】 声明文档类型为HTML5文件。 文档声明在HTML5文档必不可少，且必须放在文档的第一行。 【meta标签】 1.charset属性：单独使用，设置文档字符及编码格式。 写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体中文 UTF-8:万国码 Unicode码，基本兼容各国语言文字 2.http-equiv属性：需配合c..
jquery设置元素的readonly和disabled
weixin_30892889的博客
08-03 149
Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下：1.readonly　　$('input').attr("readonly","readonly")//将input元素设置为readonly　　$('input').removeAttr("readonly");//去除input元素的readonly属性　　if($('in...
input标签disabled属性
weixin_42594143的博客
03-02 1446
disabled 属性规定禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击
Html Input disabled属性
weixin_30945039的博客
09-29 239
input的disabled： <input type="text" name="name" placeholder="请输入名称" disabled="disabled" /> 加上了 disabled，有几点注意： 1　　ajax ： from表单提交的时候，被定义的 disabled 的属性,不能够传值给后台！ 2　　使用tab键时将被跳过 3　　可...
input readOnly和readonly区别
xiaohong的博客
01-14 4134
1.input readOnly和readonly都是网络代码语言 2.disabled 属性的作用是禁用 3.readonly 属性为只读，但没有禁用 4.通过表单提交，拥有disabled属性的表单元素处理页面是获取不到其值的，而readonly ...
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=&
<div> <div class="box"> <div class="titles">标题</div> <div class="content"><input class="layui-input{_disabledClass}" lay-vertype="tips" lay-verify="{_required}" {_readonly} {_disabled} style="width:{width}"> </div> </div> </div> <div> <div class="layui-btn-group"> <button type="button" class="layui-btn" id="row">横排</button> <button type="button" class="layui-btn" id="col">竖排</button> </div> </div> </div> 点击横排按钮将标题和输入框横向排序 点击竖排按钮将标题和输入框竖排
06-10
<script> $(function() { $("#row").click(function() { $(".box").css("display", "flex"); $(".titles").css("order", "1"); $(".content").css("order", "2"); }); $("#col").click(function() { $("....
<div class="form-group"> <label for="datepicker_edit" class="col-sm-3 control-label">Clock Date</label> <div class="col-sm-9"> <div class="date"> <input type="text" class="form-control " id="datepicker_edit" name="edit_date" readonly> </div> </div> </div> 修改代码，禁用datepicker功能
07-14
要禁用日期选择器的功能，你可以将 `<input>` 元素的 `readonly` 属性移除，并添加 `disabled` 属性。修改后的代码如下所示： ```html <div class="form-group"> <label for="datepicker_edit" class="col-sm-3 ...
<span id="Label15">開始日期：</span> </td> <td class="TDValue"> <input name="DateBeginDate" type="text" onchange="javascript:setTimeout('__doPostBack(\'DateBeginDate\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="DateBeginDate" disabled="disabled" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" /> </td>是這個代碼
最新发布
07-20
在第一个单元格中，有一个带有`id="Label15"`的`<span>`标签，显示文本内容为"開始日期："。在第二个单元格中，有一个输入框，其属性和事件如下： - `name="DateBeginDate"`：输入框的名称为"DateBeginDate"。 - `...
为什么加完这个disable后还是可以输入 <td> <input nz-input type="number" class="form-control" formControlName="receiptCount" [value]="receiptCount" [disabled]="true"/> </td>
06-10
<input nz-input type="number" class="form-control" formControlName="receiptCount" [value]="receiptCount" readonly/> </td> ``` 如果您仍然无法解决问题，可以提供更多的上下文或代码示例，以便更好地理解...
＜input＞ 标签的 readonly 属性
Jerry Man的博客
08-10 3060
实例 带有两个文本字段和一个提交按钮的 HTML 表单： <form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <input type="submit" value="Submit"
【web】当input的属性设置为disabled=“disabled“时，表单不会提交此input的数据
Shino_jie的博客
06-11 2685
解决办法：1.在设置disabled="disabled"的同时另外设置一个隐藏的input，如： 2.使用readonly代替disabled="disabled" readonly和disabled是用在表单中的两个属性都可以做到使用户不可以更改表单域中的内容。 disabled：对于全部的表单元素都有效，包括select, radio, checkbox, button等。若是一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的全部操做（鼠标点击和键盘输入等）对该输入
解决取消input标签中disabled属性
amy540821的博客
02-05 4870
<input type="button" value="提交" class="submit" style="color: black; background-color: rgb(223, 223, 223);" disabled="disabled"> 　　做了一个button，需要设置它的disable属性，规定什么时候可以点，什么时候不可以点。 ...
【解决办法&原因】input标签中加入disabled属性后数据无法传入后台
LMX_hello的博客
07-04 3959
在实现项目中修改个人信息的时候，对于个人的ID 和 username 按照我的逻辑是不能修改的 于是就在input标签中加入了disabled使之无法修改 但是按下按钮后，非但数据没有传入后台，反而相应的属性变成了null 出问题代码如下 <input type="hidden" name="bookType" value="0"> <p> ...
jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性
热门推荐
上善若泪
09-06 6万+
目录 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 1.2 jquery 设置disabled属性 1.3 jquery动态添加文本框的readonly只读属性 2 HTML中只读和禁用 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//
input的disabled与readonly属性
阿留申低压的博客
01-16 1534
HTML5的input框还是非常强大的，值得深入研究，但是也有很多的坑。前段时间就碰到一个。 用MUI框架开发app碰到列表里面的<a></a>，当它需要添加链接跳转，而且内部有input框，直接上代码。<ul class="mui-table-view mt-0"> <li class="mui-table-view-cell table-view-input"> <a
HTML input标签中disabled属性
cheng1a的博客
01-26 2493
HTML 标签的 disabled 属性 这是一个不可输入的文本框 <input type="text" name="" disabled="disabled" /> 定义和用法： disabled 属性规定禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 //disabl
html body标签的几个属性 禁用鼠标右键，禁用鼠标选中文字等
weixin_30485291的博客
05-26 325
<body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onm...
为属性为readonly的input设置样式
lilywangcn
03-24 1908
      属性为readonly的input不允许用户输入内容，然而在ie或chrome中，属性为readonly的input 和一般input从界面上来看没有任何区别，会给用户输入带来稍许不便。可以通过为其设置css来加以区分。   在ie浏览器中： input{background-color:expression((this.readOnly &amp;&amp; this.r...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值