HTML <input> readonly 屬性
示例
帶只讀輸入欄位的 HTML 表單
<form action="/action_page.php">
<label for="country">國家:</label>
<input type="text" id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="提交">
</form>
自己動手試一試 »
定義和用法
readonly
屬性是一個布林屬性。
存在時,指定一個輸入欄位是隻讀的。
只讀輸入欄位無法修改(但是,使用者可以製表符定位它、高亮它,並複製其中的文字)。
<code class="w3-codespan">readonly</code> 屬性可以設定為阻止使用者更改值,直到滿足其他條件(例如選擇複選框等)。然後,JavaScript 可以移除 readonly 值,使輸入欄位可編輯。
注意: 表單仍將提交一個只讀的輸入欄位,但不會提交一個停用的輸入欄位!
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
Attribute | |||||
---|---|---|---|---|---|
readonly | 是 | 是 | 是 | 是 | 是 |
語法
<input readonly>
❮ HTML <input> 標籤