站長(zhǎng)資訊網(wǎng)
在html5中，只讀和禁用的語(yǔ)法為“<input readonly="readonly">”和“<input disabled="disabled">”；readonly屬性用于規(guī)定輸入字段為只讀，disabled屬性用于規(guī)定應(yīng)該禁用元素。
本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。
html5中只讀和禁用的語(yǔ)法是什么
readonly 屬性規(guī)定輸入字段為只讀。
只讀字段是不能修改的。不過(guò)，用戶(hù)仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。
readonly 屬性可以防止用戶(hù)對(duì)值進(jìn)行修改，直到滿(mǎn)足某些條件為止（比如選中了一個(gè)復(fù)選框）。然后，需要使用 JavaScript 消除 readonly 值，將輸入字段切換到可編輯狀態(tài)。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
語(yǔ)法
<input readonly="value">
disabled 屬性規(guī)定應(yīng)該禁用 input 元素。
被禁用的 input 元素既不可用，也不可點(diǎn)擊?？梢栽O(shè)置 disabled 屬性，直到滿(mǎn)足某些其他的條件為止（比如選擇了一個(gè)復(fù)選框等等）。然后，就需要通過(guò) JavaScript 來(lái)刪除 disabled 值，將 input 元素的值切換為可用。
注釋?zhuān)篸isabled 屬性無(wú)法與 <input type="hidden"> 一起使用。
語(yǔ)法
<input disabled="value">
示例如下：
<html> <body> <form action="/example/html/form_action.asp" method="get"> <p>正常的input：<input type="text" name="fname" /></p> <p>禁用input： <input type="text" name="lname" disabled="disabled" /></p> <p>只讀input：<input type="text" name="country" value="China" readonly="readonly" /></p> </form> <p>請(qǐng)?jiān)谔峤话粹o上單擊，輸入會(huì)發(fā)送到服務(wù)器上名為 "form_action.asp" 的頁(yè)面。</p> </body> </html>
輸出結(jié)果：
推薦教程：《html視頻教程》
