HTML 選択フィールドを必須にする方法

必須属性を持つ HTML 選択フィールドでのユーザー入力の検証

他の HTML フォーム要素に必須属性が存在するにもかかわらず、HTML 選択フィールドでは必須属性がネイティブにサポートされていません。ただし、この機能を実現する方法があります。

前提条件:

• 有効な HTML5 ドキュメント タイプ宣言 (例: )
• 名前付きselect 要素内の入力フィールド (例: name="some_name")

実装:

選択フィールドを必須にするには、次のことを確認してください:

1. 空の最初の値: 選択リストの最初のオプションには空の値が必要です (例: )。これは、空の選択のプレースホルダーとして機能します。
2. 必須属性: 必須属性を選択要素に追加します (例: )。

   例:

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

   説明:

   HTML5 仕様に従って、次の条件が満たされる場合、空の最初の値がプレースホルダーとして機能します:

   • select 要素には必須の属性があります。
   • この要素には multiple 属性がありません。
   • 表示サイズは 1 (つまり、SIZE 属性がないか、SIZE="1) ").
   • 最初のオプションの値は空の文字列です (例: value="")。

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

   ソース：php.cn
   前の記事：ラジオ ボタンの選択解除イベントをキャプチャする方法: onChange の制限を超えて 次の記事：.each() を使用して逆の順序で jQuery 要素を反復処理する方法は?
   このウェブサイトの声明

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

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

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

   0

   2

   1710

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

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

   0

   10

   1873

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

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

   0

   1

   1586

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

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

   0

   1

   1504

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

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

   0

   0

   1541
   関連トピック

   詳細>

   • VBA チュートリアル
   • データベースの脆弱性修復方法
   • rewritecondの使用法
   • Windowsプリンターで印刷できない原因
   • ネットワークトポロジー
   • シェルスクリプトの実行方法にはどのようなものがありますか?
   • Linux 圧縮 zip コマンドの使用法
   • ウィンドウハンドルの取得メソッド
   人気のおすすめ

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

   人気のチュートリアル

   詳細>

   関連するチュートリアル

   人気のおすすめ

   最新のコース

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

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

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

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

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

     843107

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

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

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

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

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

     874336 回の学習

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

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

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

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

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

     20630 回の学習

   最新のダウンロード

   詳細>

   ウェブエフェクト

   公式サイト

   サイト素材

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

   • [フォームボタン] 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 サイト テンプレートを解決します
   • [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

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

   PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！