{{HTML}}表单元素的中disabled与readonly的区别

1.复选框是没有readonly属性的，可以通过取消click事件来模拟实现readonly的特性：

<input type="checkbox" name="" id="" value="1" checked="checked" onclick="return false;" />

2.下拉列表元素是没有readonly属性的。

3.有些时候，我们使用disabled使表单元素不可修改，但是使用disabled会导致表单序列化时直接过滤掉该元素，可以使用readonly来模拟disabled的行为:

<input type="text" name="" id="" value="请输入内容" readonly="readonly" style="background-color:#cccccc" />

<input type="text" name="" id="" value="请输入内容" disabled="disabled" />