在设置某些表单的默认数据,而且不让使用者修改这些数据的时候,我们通常会设置该项为只读。通常情况下Input输入框我们只需要向该Input添加Readonly="Readonly"即可。
- <input type="text" readonly="readonly" name="name" value="默认的input数据" />
- <input type="text" readonly="readonly" name="name" value="默认的input数据" />
而Checkbox复选框是没有Readonly属性的,这时我们可以用disabled属性来设置Checkbox复选框的只读属性。
- <input type="checkbox" id="cbox" name="cbox" checked="checked" disabled="disabled" />
- <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;"