HTML中的input標簽經常用于創建表單控件，例如文本框、單選框、復選框等等。但是很多時候我們想要可以編輯的文本框，然而默認情況下，input是不可編輯的。 要想讓input可編輯，需要在標簽內添加“readonly”屬性，并將其設置為false，代碼如下：

當然，我們也可以在JavaScript中使用DOM方法來動態的修改input標簽的readonly屬性，例如：

document.getElementById("editableInput").readOnly = false;

這樣就可以實現讓輸入框可編輯了！當然，在某些情況下，我們不想給用戶直接的可編輯框，而是希望對于指定的用戶或條件下才讓其可編輯，這時我們可以在后臺控制readonly屬性的值，在HTML中只需要簡單的聲明即可。 在表單中添加可編輯的輸入框可以大大增加用戶交互性，同時也可以解決很多特殊的業務需求。