日期:2014-05-17  浏览次数:20548 次

{{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" />