HTML <input> readonly 屬性

HTML <input> 標簽

定義和用法

readonly 屬性規定輸入字段為只讀。

readonly 屬性是一個布爾屬性。

如果已設置此屬性，它規定輸入字段是只讀的。

只讀輸入字段不能被修改（但是用戶可以通過tab鍵定位到它，將其高亮顯示并從中復制文本）。

可以設置 readonly 屬性以防止用戶更改值，直到滿足某些其他條件（如選中復選框等）。然后，JavaScript 可以刪除 readonly 值，并使輸入字段可編輯。

注意：表單仍然會提交只讀的輸入字段，但不會提交禁用的輸入字段！

實例

包含一個只讀輸入字段的 HTML 表單：

<form action="/action_page.php">
  <label for="country">國家：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="提交">
</form>

親自試一試

語法

<input readonly>

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <input> 標簽