input属性 disabled与readonly的区别

时间:2023-03-08 18:36:05

从效果上看

input属性 disabled与readonly的区别

源码

 <!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<table>
<caption>disabled与readonly的区别</caption>
<tr>
<td>disabled</td>
<td>
<input type="text" disabled name="disabled" value="测试数据" />
</td>
</tr>
<tr>
<td>readonly</td>
<td>
<input type="text" readonly name="readonly" value="测试数据">
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" value="提交" />
</td>
</tr>
</table>
</form>
</body>
</html>

disabled_readonly.html

注意:  

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

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