HTML 5 <input> readonly 屬性
實(shí)例
帶有兩個(gè)文本字段和一個(gè)提交按鈕的 HTML 表單:
<form action="demo_form.asp" method="get">
Name: <input type="text" name="fullname" />
Country: <input type="text" name="country" value="China" readonly="readonly"
/>
<input type="submit" value="Submit" />
</form>
定義和用法
readonly 屬性規(guī)定輸入字段為只讀。
只讀字段是不能修改的。不過(guò),用戶仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文本。
readonly 屬性可以防止用戶對(duì)值進(jìn)行修改,直到滿足某些條件為止(比如選中了一個(gè)復(fù)選框)。然后,需要使用 JavaScript 消除 readonly 值,將輸入字段切換到可編輯狀態(tài)。
注釋:不會(huì)對(duì)只讀的輸入字段進(jìn)行驗(yàn)證。
HTML 4.01 與 HTML 5 之間的差異
無(wú)差別。
語(yǔ)法
<input readonly="readonly">