`required` 属性を持つ HTML ` フィールドで選択を強制する方法

HTML 必須属性によるフィールド検証

に対する明示的な必須属性のサポートがないにもかかわらず、 HTML 内のフィールドでは、特定の HTML 構造でこの属性を使用して選択を強制することができます。

要件には、 の最初の値が必要です。フィールドは空にしてください。デフォルトでは、最初の値が空のフィールドはオプションとして扱われます。ただし、フィールドに必須を設定すると、選択が必須になります。

<code class="html"><select name="somename" required>
    <option value="">Please select</option>
    <option value="one">One</option>
</select></code>

使用方法の例は次のとおりです。

• HTML5 仕様によれば、この構造は次のとおりです。必須選択の基準:
• 必須属性が指定されています。
• フィールドには複数の属性が指定されていません (複数選択用ではないことを示します)。
  表示サイズは 1 であると想定されます (サイズ属性が指定されていないため)。
  最初のオプション要素には空の値 (この場合は「Please select」)。

  最初のオプション要素は

  の直接の子です。要素 (optgroup の一部ではありません)。
  これらの条件に従うことで、必須属性が に対して機能するようになります。フィールドを使用して、ユーザーがフォームを送信する前に選択を行っていることを確認します。

  以上が`required` 属性を持つ HTML ` フィールドで選択を強制する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

  ソース：php.cn
  前の記事：jQuery の CSS 関数を使用して背景画像を適切に設定するにはどうすればよいですか? 次の記事：JavaScript の setTimeout が常に正確ではないのはなぜですか?
  このウェブサイトの声明

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

  function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

  から 2024-04-29 11:01:01

  0

  2

  1857

  Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

  から 2024-04-23 00:22:19

  0

  10

  2024

  子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

  から 2024-04-19 15:37:47

  0

  1

  1702

  親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

  から 2024-04-18 23:52:34

  0

  1

  1607

  CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

  から 2024-04-16 10:10:18

  0

  0

  1619
  関連トピック

  詳細>

  • HTMLに動画を挿入する方法
  • Kuai Tuan Tuan とはどのようなプラットフォームですか?
  • Windows は指定されたデバイス パスまたはファイル ソリューションにアクセスできません
  • Yiou Exchangeアプリの公式Webサイトをダウンロードするメリット
  • gffファイルを開く方法
  • よく使用される Linux コマンド
  • mintui
  • phpstudyが開けない原因
  人気のおすすめ

  • jsはどういう意味ですか
  • jsで文字列を配列に変換するにはどうすればよいですか?
  • JavaScriptを使用してページを更新する方法
  • js配列内の項目を削除する方法
  • sqrt関数の使い方

  人気のチュートリアル

  詳細>

  関連するチュートリアル

  人気のおすすめ

  最新のコース

  • 
    最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

    1418034
  • 
    PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

    4259249
  • 
    JAVA 初心者向けビデオチュートリアル

    2489237
  • 
    Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

    504411
  • 
    PHP ゼロベースの入門チュートリアル

    859140

  • 
    最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

    1418034 回の学習
  • 
    JAVA 初心者向けビデオチュートリアル

    2489237 回の学習
  • 
    Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

    504411 回の学習
  • 
    Web フロントエンド開発の簡単な紹介

    215386 回の学習
  • 
    PSビデオチュートリアルをゼロからマスターする

    880407 回の学習

  • 
    [Web フロントエンド] Node.js クイック スタート

    6633 回の学習
  • 
    海外のWeb開発フルスタックコースの完全なコレクション

    5152 回の学習
  • 
    Go言語実践GraphQL

    4316 回の学習
  • 
    550W ファンマスターが JavaScript をゼロから段階的に学習します

    639 回の学習
  • 
    Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

    21977 回の学習

  最新のダウンロード

  詳細>

  ウェブエフェクト

  公式サイト

  サイト素材

  フロントエンドテンプレート

  • [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
  • [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
  • [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
  • [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
  • [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
  • [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
  • [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
  • [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

  • [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
  • [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
  • [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
  • [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
  • [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
  • [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
  • [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
  • [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

  • [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
  • [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
  • [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
  • [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
  • [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
  • [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
  • [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
  • [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

  • [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
  • [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
  • [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
  • [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
  • [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
  • [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
  • [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
  • [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート
  

  福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

  私たちについて 免責事項 Sitemap

  © php.cn All rights reserved