お気に入りのウェブサイトを閲覧しているときに、利用可能な多くのオプションから1つのオプションを選択する必要がある場合は、チェックボックスが表示されます。これらのチェックボックスはで作成されます 特別なタグの助けを借りて。この記事では、HTMLでチェックボックスを作成する方法と、チェックボックスの動作を次の順序で説明します。
HTMLでチェックボックスを作成する方法は？
チェックボックスは、使用可能なさまざまなオプションから複数のオプションを選択できるフォーム要素です。チェックボックスはHTMLタグで作成されます。要素内にネストすることも、スタンドアロンにすることもできます。それらはまたの助けを借りてフォームに関連付けることができます フォーム属性 タグの。
簡単なチェックボックスを作成する基本的な例を次に示します。
赤緑青
出力：
別の例を考えて、チェックボックスが役立つように送信ボタンを追加しましょう。ここでは、フォームを処理するページを指定する要素内にチェックボックスを配置することもできます。
あなたの好きな色はどれですか？赤緑青結果：
出力：
チェックボックスとラジオボタン
ラジオボタンを使用すると、ユーザーは1つのオプションのみを選択できます。一方、チェックボックスを使用すると、ユーザーは任意の数のオプションを選択できます。例を見て、ラジオボタンとチェックボックスがどのように機能するかを見てみましょう。
PHPで配列を表示する方法
チェックボックス
あなたの好きな色はどれですか？赤緑青ラジオボタン
性別を選んでください？男性女性不明結果：
出力：
セールスフォースサービスクラウドとは
上記の例では、必要な数のチェックボックスを選択できることがわかります。このチェックボックスは、ユーザーが複数のオプションを選択できる必要がある場合に適しています。ただし、複数のラジオボタンを選択しようとすると、前の選択が解除されます。これは、ユーザーに1つのオプションのみを選択するように強制するのに役立ちます。
HTMLでチェックボックスを無効にする
でチェックボックスを無効にすることができます disable属性を使用します。これは、特定の基準が満たされているかどうかに応じてチェックボックスを有効または無効にするスクリプトと組み合わせて実行できます。
チェックボックスを無効にする方法を確認するために例を見てみましょう。
赤緑青
出力：
上記の例では、赤を無効にしています。したがって、チェックボックスから緑と青を選択できますが、赤は選択できません。
これで、記事は終わりです。 HTMLのチェックボックスがどのように機能し、どのように異なる方法で使用できるかを理解していただければ幸いです。
HTMLのチェックボックスについて理解したので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なウェブサイトを作成し、Amazon Simple Storage Service（S3）にデプロイする方法を学ぶのに役立ちます。
質問がありますか？ 「HTMLのチェックボックス」のコメントセクションにその旨を記載してください。折り返しご連絡いたします。