html5中只讀和禁用的語(yǔ)法是哪個(gè)

發(fā)布時(shí)間：2022-01-24 09:10:58 來(lái)源：億速云閱讀：193 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)html5中只讀和禁用的語(yǔ)法是哪個(gè)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

在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ò)，用戶仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。

readonly 屬性可以防止用戶對(duì)值進(jì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 屬性，直到滿足某些其他的條件為止（比如選擇了一個(gè)復(fù)選框等等）。然后，就需要通過(guò) JavaScript 來(lái)刪除 disabled 值，將 input 元素的值切換為可用。

注釋：disabled 屬性無(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é)果：

html5中只讀和禁用的語(yǔ)法是哪個(gè)

感謝各位的閱讀！關(guān)于“html5中只讀和禁用的語(yǔ)法是哪個(gè)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

html5中只讀和禁用的語(yǔ)法是哪個(gè)

html5中只讀和禁用的語(yǔ)法是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽