text和checkbox只读属性的设置

来源：互联网发布：中国帝国知乎编辑：程序博客网时间：2024/05/19 06:51

在设置某些表单的默认数据，而且不让使用者修改这些数据的时候，我们通常会设置该项为只读。通常情况下Input输入框我们只需要向该Input添加Readonly="Readonly"即可。

<input type="text" readonly="readonly" name="name" value="默认的input数据" />  

Xml代码  
<input type="text" readonly="readonly" name="name" value="默认的input数据" />  

而Checkbox复选框是没有Readonly属性的，这时我们可以用disabled属性来设置Checkbox复选框的只读属性。

<input type="checkbox" id="cbox" name="cbox" checked="checked" disabled="disabled" />  

Xml代码  
<input type="checkbox" id="cbox" name="cbox" checked="checked" disabled="disabled" />  

假如您不喜欢向Checkbox复选框添加disabled属性，您也可以用JavaScript来设置Checkbox的只读属性。

<input type="checkbox" id="cbox" name="cbox" checked="checked" onclick="return false;" 

0 0