HTML input readonly 屬性

2018-05-10 15:19 更新

HTML <input> readonly 屬性

HTML input 標(biāo)簽參考手冊(cè) HTML <input> 標(biāo)簽

實(shí)例

帶有只讀輸入字段的 HTML 表單:

<form action="demo-form.php">
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="提交">
</form>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 readonly 屬性。


定義和用法

readonly 屬性是一個(gè)布爾屬性。

readonly 屬性規(guī)定輸入字段是只讀的。

只讀字段是不能修改的。不過(guò),用戶(hù)仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文本。

readonly 屬性可以防止用戶(hù)對(duì)值進(jìn)行修改,直到滿(mǎn)足某些條件為止(比如選中了一個(gè)復(fù)選框)。然后,需要使用 JavaScript 消除 readonly 值,將輸入字段切換到可編輯狀態(tài)。


HTML 4.01 與 HTML5之間的差異

無(wú)。


HTML 與 XHTML 之間的差異

在 XHTML 中,禁止屬性最小化,readonly 屬性必須定義為 <input readonly="readonly" />。


語(yǔ)法

<input readonly>

HTML input 標(biāo)簽參考手冊(cè) HTML <input> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)