JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTML5でチェックボックスを操作する正しい方法｜基本構文と実装例

HTML5チェックボックスの基本構文

HTML5でチェックボックスを扱うには、<input>要素のtype属性に「checkbox」を指定します。基本的な記述方法は以下の通りです。

<input name = "your_name" value = "your_value" type = "checkbox">

各属性の役割

  • name：フォーム送信時にデータを識別するための名前を指定します。
  • value：チェックボックスが選択された際にサーバーへ送信される値を指定します。
  • type：「checkbox」を指定することで、チェックボックスとして表示されます。

実装例

それでは、実際にチェックボックスを使用した具体的なコード例を見てみましょう。

<!DOCTYPE html>
<html>
   <head>
      <title>Checkbox Control</title>
   </head>
   <body>
      <form>
         <input type = "checkbox" name = "maths" value = "on"> Maths
         <input type = "checkbox" name = "physics" value = "on"> Physics
      </form>
   </body>
</html>

この例では、「Maths（数学）」と「Physics（物理学）」という2つのチェックボックスを作成しています。チェックボックスは複数選択が可能なため、ユーザーは両方を選ぶことも、どちらか一方だけを選ぶこともできます。アンケート形式など、複数の項目から任意の数だけ選択させたい場合に最適なUI部品です。

  1. ArcoLinuxで学ぶ！Arch Linuxの使い方をマスターする完全ガイド

    多くのLinuxユーザーが一度は「Arch Linuxを使ってみたい」と考えたことがあるでしょう。しかし、Arch Linuxの徹底的なDIY思想は、初心者にとってハードルが高く感じられることも少なくありません。もし、単にArchベースのディストリビューションであるだけでなく、本格的なArchユーザーへと育て上げてくれるようなディストリビューションが存在したら、どうでしょうか？ それが「ArcoLinux」です。ArcoLinuxは、ディストリビューションであると同時に、一種の教育コースでもあります。この記事では、ArcoLinuxの独自の哲学と特徴について詳しく解説します。 ArcoLinu

  2. Matplotlibで目盛りラベルを計算値に置き換える正しい方法

    Matplotlibでは、ax.loglog(x, y)メソッドとset_major_formatter()メソッドを組み合わせることで、両対数グラフの目盛りラベルを計算値（指数表記）に置き換えることができます。実装の手順図のサイズを設定し、サブプロット間および周囲の余白（パディング）を調整します。図（figure）とサブプロット（axes）を作成します。X軸・Y軸の両方に対数スケールを適用したプロットを作成します。メジャーティッカーのフォーマッターを設定して、ラベルの表示形式を変更します。show()メソッドを呼び出して図を表示します。コード例import numpy as np from