首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

{{HTML}}表单元素的中disabled与readonly的差异

2012-08-25 
{{HTML}}表单元素的中disabled与readonly的区别1.复选框是没有readonly属性的,可以通过取消click事件来模

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


热点排行