从效果上看
源码
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的文本框数据在提交的时候会被提交给服务器