HTML禁用表單控件方法，disabled和reaonly屬性教程

作者：佚名   時間：2014-04-08   分享到：

HTML4和xHTML標準允許我們在網頁標簽中插入disabled屬性，以此來定義并在其他方面禁用某個表單控件。被禁用的表單控件可以顯示在網站上，但是無法通過使用tab鍵或是鼠標來選中它。當用戶提交表單時，它的參數也不會傳送給服務器。

瀏覽器可以改變禁用元素的外觀，也可以修改與禁用元素相關的任何標記。一般瀏覽器都會將禁用的單選按鈕和提交按鈕以灰色顯示在網頁上，如下列HTML代碼片段中的設置(如圖所示);

<form>
  姓名:<input type=text name=name size=32 maxlength=80 readonly><p>
  性別:<input type=radio name=sex value="M" disabled>男
      <input type=radio name=sex value="F" accesskey"z">女<p>
  來自：<select name=income size=1 disabled>
        <option>湖南省
        <option>湖北省
        <option>江西省</select><p>
  <input type=submit disabled></form>

與此類似，指定了readonly屬性并與文本相關的<input>或<textarea>表單控件也不能被用戶修改。這些元素仍然是制表順序的一部分，可以用鼠標選定，并且當用戶提交表單時，控件的值也會發送給服務器。但用戶不能修改控件的值。從這個意義上說，被設為readonly的表單控件類似于設為<input type=hidden>的控件的可視化。

所有這些隱藏和不可改變的表單元素的重點是什么?那就是自動操作。通過自動生成啟用的和禁用的表單元素，你可以使表單符合用戶的要求。例如，如果用戶在一個表單上指出她是位女性，隨后的表單就可能在一個隱藏的屬性中包含該信息，而且當出于易于瀏覽的目的禁用某些元素時，表單會顯示一定的元素讓人們知道這些信息。