」。 readonly屬性用於規定輸入欄位為唯讀,可防止使用者對值進行修改。"/> 」。 readonly屬性用於規定輸入欄位為唯讀,可防止使用者對值進行修改。">

首頁  >  文章  >  web前端  >  css/html如何設定readonly

css/html如何設定readonly

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-04-15 10:32:022984瀏覽

css/html中,可以透過在input或textarea標籤內部使用readonly屬性來設置,例如「」。 readonly屬性用於規定輸入欄位為唯讀,可防止使用者對值進行修改。

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  <p>姓名:<input type="text" name="email" /></p>
  <p>国家:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
  <input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>

運行結果:

css/html如何設定readonly

推薦學習:css影片教學

以上是css/html如何設定readonly的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn