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的文本框数据在提交的时候会被提交给服务器