検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLページのフォームオプションに複数選択機能を持たせる方法（例）

HTMLページのフォームオプションに複数選択機能を持たせる方法（例）

藏色散人
藏色散人オリジナル
2018-08-15 10:35:109297ブラウズ

前回の記事【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>

効果は次のとおりです:

HTMLページのフォームオプションに複数選択機能を持たせる方法（例）

図に示すように、質問に対して複数の回答の選択肢を作成でき、それらはチェックを外すには、もう一度クリックします。ここでは、checkbox
属性を理解する必要があります。 Checkbox オブジェクトは、HTML フォームのチェック ボックスを表します。 Checkbox オブジェクトは、HTML ドキュメント内で が出現するたびに作成されます。

上記は、HTMLリストでの複数選択機能の実装の紹介です。一定の参考価値はありますので、困っている友人のお役に立てれば幸いです。



以上がHTMLページのフォームオプションに複数選択機能を持たせる方法（例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html checkbox 对象 input
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLページにラジオボタン機能を実装するにはどうすればよいですか? （例）次の記事：HTMLページにラジオボタン機能を実装するにはどうすればよいですか? （例）

関連記事

続きを見る