text和checkbox只读属性的设置

时间:2021-03-21 06:25:24

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

  1. <input type="text" readonly="readonly" name="name" value="默认的input数据" />  
Xml代码   text和checkbox只读属性的设置
  1. <input type="text" readonly="readonly" name="name" value="默认的input数据" />  

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

  1. <input type="checkbox" id="cbox" name="cbox" checked="checked" disabled="disabled" />  
Xml代码   text和checkbox只读属性的设置
  1. <input type="checkbox" id="cbox" name="cbox" checked="checked" disabled="disabled" />  

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

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