在文字框裡面給文字框設定只讀：readonly="readonly"，但這種設定之後，如果想點選某個按鈕觸發將這個文字框取消只讀，則要在js指令碼中禁用，readonly的“o”必須是大寫的。而給下拉框設定只讀是使用 ：disabled="disabled"屬性，若需要新增顏色，用background-color進行對select下拉框設定（背景顏色為灰色）。

eg:

1.<input type="text" id="test" readonly="readonly">

  document.getElementByid("test").readOnly=false

2.<div class="form-group">

            <label for="orderInfo" class="col-sm-4 control-label">Order Status</label>
             <div class="col-sm-8">
                     <select id="ddlOrderStatus" disabled="disabled"  background-color: #EEEEEE  name="orderStatus" class="form-control input-sm">                        
                     </select>
                      <input type="hidden" id="defaultOrderStatus" value="${pd.orderHeader.orderStatus}" />
             </div>

</div>

3.設定select只讀不可編輯且select的值可傳遞！

當屬性設定為disabled時，提交時，select的值無法傳遞，提交前需移除disabled屬性。

eg:$("#ddlOrderStatus").removeAttr("disabled"); 

jquery新增屬性$("#ddlOrderStatus").attr("disabled","disabled");