現在有一個需求，要求input可以顯示，但是不能編輯，同時不顯示禁止編輯圖示

禁止編輯有兩種方法：

disabled

  <input type="text" name="input1" value="value1" disabled="true">

readonly

<input type="text" name="input1" value="value1" readonly>
 
<input type="text" name="input1" value="value1" readonly="true">

使用disabled字型顏色會變成灰色，使用readonly字型顏色不變。但是都會顯示禁止圖示    

最後查到使用js方法，在input得到焦點時失去焦點，這樣就不能編輯了，而沒有改變input的狀態

<input type="text" name="input1" value="value1" onfocus=this.blur();>