ホームページ > 記事 > ウェブフロントエンド > HTML 選択ドロップダウン ボックスのデフォルト値を設定するにはどうすればよいですか?
この記事では、選択ドロップダウン ボックスのデフォルト値を設定する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
目的のオプションの「selected」属性 (ブール属性) を使用して、select 要素のデフォルト値を設定できます。
デフォルトでは、「selected」属性を持つオプション タグがドロップダウン リストの選択タグに表示されます。
構文:
<option value="value" selected>选项名称</option>
例 1: 選択した属性の使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置select元素的默认值</title> </head> <body style = "text-align:center;"> <b>如何设置select元素的默认值?</b> <p>默认情况下,显示第一个option选项</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional">Professional</option> <option value="corporate">Corporate</option> </select> <p>设置Professional选项为默认值</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional" selected>Professional</option> <option value="corporate">Corporate</option> </select> </body> </html>
レンダリング:
#例 2: 「オプションを選択してください」のようなメッセージをリストに追加します。このオプションには、オンに加えて、非表示および無効のプロパティがあります。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置select元素的默认值</title> </head> <body style = "text-align:center;"> <p>设置select选项框的默认值</p> <select name="plan" id="plan"> <option value="none" selected disabled hidden>请选择选项</option> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional">Professional</option> <option value="corporate">Corporate</option> </select> </body> </html>レンダリング: 推奨される学習:
以上がHTML 選択ドロップダウン ボックスのデフォルト値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。