1.設定readonly屬性

例如：

<td align="left">
    <input type="text" id="usrId" name="usrId" value="${form.usrId}" readonly />
  </td>

設定readonly屬性後，控制元件的背景色和未設定該屬性的控制元件背景色是一樣的。因此，為了更好的介面友好性，我們修改上面的程式碼

<input type="text" id="usrId" name="usrId" value="${form.usrId}" style="background:#FFFF00"

readonly屬性用於input,textarea等。

2.設定disabled屬性

disabled屬性適用於所有控制元件，例如input,textarea,select等。且設定後背景色為灰色，點選控制元件不能得到焦點。

<input type="text" id="usrId" name="usrId" value="${form.usrId}" disabled />

3.readonly和 disabled的區別

readonly沒有背景色 disabled有

readonly可以獲得焦點 disabled不能

readonly可以在action中獲得值 disabled不能

要想在Form提交後，讓設定了disabled屬性的屬性值能在action中得到，那麼我們需要在form提交前設定disabled = false

4.如果頁面上需要設定disabled屬性的控制元件比較多，那麼可以Form中onload下面的function

function disableOcx()
    {
      var form = document.forms[0];
      for (var i = 0; i < form.length; ++i) {
        var element = form.elements[i];
     
        if (element.name) {
        if (element.nodeName == "INPUT") {
          if(element.name != 'return'){
            element.disabled="true";
          element.readOnly = true;
          }
        }
        else if (element.nodeName == "SELECT") {