ホームページ > 記事 > ウェブフロントエンド > HTMLページのフォームオプションに複数選択機能を持たせる方法（例）
HTMLページのフォームオプションに複数選択機能を持たせる方法（例）
- 藏色散人オリジナル
- 2018-08-15 10:35:109203ブラウズ
前回の記事【HTMLページのラジオボタン機能はどのように実装されているのか？ (例)】では、htmlページにラジオボタン機能を実装する方法を詳しく紹介しましたが、この記事では引き続きhtmlチェックボックスの設定方法、つまりhtmlに関する関連知識を紹介します。複数選択ボタン。チェックボックスは、その名前が示すように、複数の値を選択できます。
HTML チェックボックス設定コードの具体例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html复选按钮设置示例</title>
<style type="text/css">
</style>
</head>
<body>
<br/><br/>
你对哪些运动感兴趣？
<input type="checkbox" name="activity" value="跑步">跑步
<input type="checkbox" name="activity" value="打球">打球
<input type="checkbox" name="activity" value="登山">登山
<input type="checkbox" name="activity" value="健身">健身
</body>
</html>効果は次のとおりです:
図に示すように、質問に対して複数の回答の選択肢を作成でき、それらはチェックを外すには、もう一度クリックします。ここでは、checkbox
属性を理解する必要があります。 Checkbox オブジェクトは、HTML フォームのチェック ボックスを表します。 Checkbox オブジェクトは、HTML ドキュメント内で が出現するたびに作成されます。
上記は、HTMLリストでの複数選択機能の実装の紹介です。一定の参考価値はありますので、困っている友人のお役に立てれば幸いです。
以上がHTMLページのフォームオプションに複数選択機能を持たせる方法（例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。