html只讀屬性指的是哪個(gè)

發(fā)布時(shí)間：2021-04-01 11:42:16 來(lái)源：億速云閱讀：136 作者：小新欄目：web開(kāi)發(fā)

小編給大家分享一下html只讀屬性指的是哪個(gè)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html只讀屬性是指readonly屬性，該規(guī)定輸入字段為只讀；readonly屬性可以防止用戶對(duì)值進(jìn)行修改，直到滿足某些條件為止；該屬性的設(shè)置語(yǔ)法是“<input readonly="value">”。

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">

屬性值，readonly 把輸入字段設(shè)置為只讀。

示例：

帶有兩個(gè)文本字段和一個(gè)提交按鈕的 HTML 表單：

代碼

<html>
<body>

<form action="/example/html/form_action.asp" method="get">
  
  <p>Name:<input type="text" name="email" /></p>

  <p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
  
  <input type="submit" value="Submit" />
</form>

<p>請(qǐng)?jiān)谔峤话粹o上單擊，輸入會(huì)發(fā)送到服務(wù)器上名為 "form_action.asp" 的頁(yè)面。</p>

</body>
</html>

運(yùn)行效果：

html只讀屬性指的是哪個(gè)

以上是“html只讀屬性指的是哪個(gè)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

html只讀屬性指的是哪個(gè)

猜你喜歡

最新資訊

相關(guān)推薦

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