首頁 > 文章 > web前端 > html如何設定必填項

html如何設定必填項

醉折花枝作酒筹原創: 2021-06-02 15:20:1217152瀏覽

在html中，可以使用required屬性來設定必填項，需要在input元素標籤中新增「required="required"」樣式即可。 required屬性規定必需在提交之前填寫輸入欄位。如果使用該屬性，則欄位是必填（或必填）的。

html如何設定必填項

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

HTML5引入的必填項

required屬性

required 屬性規定必需在提交之前填入輸入欄位。

如果使用該屬性，則欄位是必填（或必填）的。

語法:

<input required="required">

特點:

適用於標籤的以下類型:text,search,url,telephone,email,password,date pickers,number ,checkbox,radio以及file。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>required属性</title>
  </head>
  <body>
    
    <form action="demo-form.php">
      Username: <input type="text" name="usrname" required />
      <input type="submit" />
    </form>

    <p>
      <strong>注意：</strong> Internet Explorer 9及更早 IE 版本，或 Safari
      不支持 input 标签的 required 属性。
    </p>
  </body>
</html>

效果：

html如何設定必填項

擴充功能：

form表單提交-忽略表單驗證(form表單的novalidate屬性)

novalidate 屬性規定當提交表單時不對其進行驗證。

如果使用該屬性，則表單不會驗證表單的輸入。

註解：novalidate 屬性適用於：

，以及以下類型的標籤：text, search, url, telephone, email, password, date pickers, range 以及 color。

語法：

<form novalidate="novalidate">

推薦學習：html影片教學

以上是html如何設定必填項的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

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

上一篇：html如何添加視頻下一篇：html如何添加視頻

看更多