ホームページ > 記事 > ウェブフロントエンド > HTML 選択ドロップダウン ボックスのデフォルト値を設定するにはどうすればよいですか?
HTML 選択ドロップダウン ボックスのデフォルト値を設定するにはどうすればよいですか?
- 醉折花枝作酒筹転載
- 2021-04-26 11:47:287340ブラウズ
この記事では、選択ドロップダウン ボックスのデフォルト値を設定する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
目的のオプションの「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 サイトの他の関連記事を参照してください。
声明：
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：HTMLコメントとは何ですか?次の記事：HTMLコメントとは何ですか?