ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで必須フィールドを設定する方法

HTMLで必須フィールドを設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-02 15:20:1217117ブラウズ

HTMLではrequired属性を使用して必須項目を設定できますが、input要素のタグに「required="required"」スタイルを追加する必要があります。 required 属性は、送信前に入力フィールドに入力する必要があることを指定します。この属性が使用される場合、フィールドは必須 (または必須) です。

HTMLで必須フィールドを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML5 で導入された必須項目

required 属性

required 属性は、送信前に入力フィールドに入力する必要があることを規定します。

この属性を使用する場合、フィールドは必須 (または必須) です。

構文:

<input required="required">

機能:

次のタイプの タグに適用できます: テキスト、検索、URL、電話、電子メール、パスワード、日付ピッカー、番号、チェックボックス、ラジオ、ファイル。

<!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で必須フィールドを設定する方法

拡張子:

フォーム フォーム送信 - フォーム検証を無視します (フォーム フォームの検証を無視します)属性)

novalidate 属性は、フォームの送信時に検証を行わないことを指定します。

この属性が使用される場合、フォームはフォーム入力を検証しません。

注: novalidate 属性は、

、および次のタイプの タグに適用されます: テキスト、検索、URL、電話、電子メール、パスワード、日付ピッカー、範囲および色。

文法:

<form novalidate="novalidate">

推奨される学習: html ビデオ チュートリアル

以上がHTMLで必須フィールドを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。