第6章:フォームと入力(詳細+実習)

1. フォームの 仕組み と 要素

<form> は 入力 を まとめる箱。中に <label><input> などを 置きます。name が 送信名、value が 送信値 です。

チェック: <label for="id"><input id="id"> を 対(おなじID)に すると、クリックで フォーカス され 読み上げ も されやすい。

2. 入力タイプ と 必須チェック(required)

基本の入力 と 必須チェック

ヒント: ブラウザ標準の簡易バリデーション(required / type / min / max など)をまず活用。

3. ラジオ・チェックボックス・セレクト

選ぶ入力:radio / checkbox / select

4. pattern で 形式チェック(正規表現)

郵便番号と生年月日のパターンチェック

章末ミニプロジェクト:お問い合わせフォーム

  1. name / email / subject / message を 作成。
  2. requiredpattern で 最低限のチェック。
  3. labelid を そろえて アクセシブルに。