input属性 disabled与readonly的区别

从效果上看

源码

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <form>
 9         <table>
10             <caption>disabled与readonly的区别</caption>
11             <tr>
12                 <td>disabled</td>
13                 <td>
14                     <input type="text" disabled name="disabled" value="测试数据" />
15                 </td>
16             </tr>
17             <tr>
18                 <td>readonly</td>
19                 <td>
20                     <input type="text" readonly name="readonly" value="测试数据">
21                 </td>
22             </tr>
23             <tr>
24                 <td colspan="2" align="right">
25                     <input type="submit" value="提交" />
26                 </td>
27             </tr>
28         </table>
29     </form>
30 </body>
31 </html>

disabled_readonly.html

注意：　　

　　disabled的文本框数据在提交的时候不会被提交给服务器

　　readonly的文本框数据在提交的时候会被提交给服务器

时间： 2024-10-11 22:29:33

input属性 disabled与readonly的区别的相关文章

JQuery设置input属性(disabled、enabled)

document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton").removeAttr("disabled");// Enable,JQuery写法 $("#removeButton").attr("disabled","disabled");// disabled JQuery设置

input中的disabled 和 readonly的区别

1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去, 而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据). disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时

input的disabled和readonly区别

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值" disabled=”disabled” > 放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可 1. 设置为disabled的input将会有下面的限制: 不能接收焦点更不能被修改,使用tab键时将被跳过,被限制的对象值将不会被传递到后台程序. 2.设置为readon

input标签的disabled和readonly的区别

<form id="form1" runat="server" method="post"> <div> <input type="text" name="txt1" id="txt1" value="txt1" readonly="readonly"/> <input type="text&qu

input中disable与readonly的区别【转】

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值 " disabled=”disabled” > 放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可 1. 设置为disabled的input将会有下面的限制: 不能接收焦点使用tab键时将被跳过可能不是successful的被限制的对象值将不会被传递到后台程序.

<input>文本框的readonly和disabled属性区别

<input>文本框的readonly和disabled属性区别: 本章节简单介绍一下标题中两个属性的主要区别,希望能够给需要的朋友带来帮助. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> &

input from 表单提交使用属性 disabled=&quot;disabled&quot; 后台接收不到name=&quot;username&quot;的值

input from 表单提交使用属性 disabled="disabled" 后台接收不到name="username"的值

disabled和readonly的区别是什么

disabled和readonly的区别是什么:这两个属性有类似之处,但是区别也是巨大的,之所以说类似,是因为这两个属性好像都貌似能够将指定的元素设置为"不可用"状态,下面就简单介绍一下它们两个的区别,希望能够给大家带来一定的帮助.一.作用范围不同:disabled属性可以用语所有的表单元素.readonly属性只对<input type="text">.<textarea>和<input type="password&quo

input的disable和readonly

在设计网页时,有时需要将输入框设置为只读状态,即其中的内容不可编辑,实现这种设计的方法有两种:使用input的disable和readonly两个属性. 先来看下二者的区别: <input type= "text " readonly= "true " value= "这是readonly的! "><input type= "text " disabled= "true " value=