如何让 HTML 控件只读或不可用

利用 HTML

<input type="text" size="10" value="只读"readonly>

<input type="text" size="10" value="不可用"disabled>

 

利用 XHTML
<input type="text" size="10" value="只读" readonly="readonly" />
<input type="text" size="10" value="不可用" disabled="disabled" />

 

利用 JavaScript
<form id="f">
  <input type="text" size="10" value="只读" name="t1">
  <input type="text" size="10" value="不可用" name="t2">
</form>
<script type="text/javascript" language="javascript">
<!--
var f = document.getElementById("f"); //如果控件有 id,也可以直接取控件。
f.t1.readOnly = true; //注意大小写。
f.t2.disabled = true;
//-->
</script>

注：以上代码在 IE 和 NS 中均支持。