HTML の `` フィールドに `required` 属性を使用できますか?

HTML の必須属性を に適用できますか?フィールド?

HTML の 要素は、ドロップダウン メニューを作成するためによく使用されます。ただし、ユーザーは、必須属性をこれらのフィールドに適用できるかどうかについて疑問を抱くことがよくあります。この記事では、この問題に対処し、解決策を提供します。

必須属性の制限

当初、必須属性は によってサポートされていませんでした。フィールド。これは、ユーザーがオプションを選択せず​​にフォームを送信できることを意味し、データ整合性の問題が発生する可能性がありました。

実行可能な解決策

実行可能な回避策としては、最初のオプション値を空の文字列 ("") として設定します。 。これにより、必須の属性が意図したとおりに機能するようになります。このメソッドを名前付き入力フィールドおよび有効な HTML5 DOCTYPE と組み合わせることで、

の選択を強制できます。

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

前提条件

このソリューションが効果的に機能することを確認するには、次の前提条件に従ってください:

1. ドキュメントに正しい HTML5 DOCTYPE を含めます。
2. に名前を割り当てます。

   必須属性のドキュメント

   公式 HTML5 ドキュメントで概説されているように:

   「選択要素に必須属性が指定されている場合、複数の属性はありません」属性が指定されており、表示サイズは 1 で、最初のオプション要素の値は空の文字列であり、そのオプションは選択要素のプレースホルダー ラベル オプションです。"

   以上がHTML の `` フィールドに `required` 属性を使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

   ソース：php.cn
   前の記事：jQuery を使用して関数を 5 秒ごとに実行するようにスケジュールするにはどうすればよいですか? 次の記事：同じキーを持つ配列内の JavaScript オブジェクトをマージするにはどうすればよいですか?
   このウェブサイトの声明

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

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

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

   0

   3

   2264

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

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

   0

   11

   2399

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

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

   0

   1

   2012

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

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

   0

   1

   1894

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

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

   0

   0

   1966
   関連トピック

   詳細>

   • switch ステートメント
   • 400badrequestを解決する方法
   • ポート 445 を閉じるとどのような影響がありますか?
   • vue2 と vue3 の双方向バインディングの違い
   • getpropertyの使用法
   • 関数関数の使用法
   • Ruby言語の特徴
   • SQLで列を削除するコマンドは何ですか
   人気のおすすめ

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

   人気のチュートリアル

   詳細>

   関連するチュートリアル

   人気のおすすめ

   最新のコース

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

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

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

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

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

     863122

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

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

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

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

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

     890968 回の学習

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

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

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

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

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

     25345 回の学習

   最新のダウンロード

   詳細>

   ウェブエフェクト

   公式サイト

   サイト素材

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

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