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

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

藏色散人
リリース: 2018-08-15 10:35:10
オリジナル
9289 人が閲覧しました

前回の記事【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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート