イベント

htmlのlabelタグ for属性について

概要

<LABEL>タグはフォームの構成部品(一行テキストボックス・チェックボックス・ラジオボタン等)と、 その項目名(ラベル)を明確に関連付けるための要素です。 これによりチェックボックスやラジオボタンでは、 関連付けられたテキスト部分をクリックしてもチェックを付けることができるようになります。

<LABEL>タグの使用方法はfor属性の値と、フォーム部品のid属性の値を同じものにすることで両者を関連付ける。

<label accesskey=”n” for=”namae“>名前:</label><input id=”namae” name=”name” type=”text” />

↓名前の文字をクリックしたらテキスト入力可能。


関連記事

  1. イベント

    create-react-appのファイル構造と役割

    /srcフォルダが、Reactアプリの本体でここを編集していく…

  1. React

    React 文法
  2. イベント

    create-react-appのファイル構造と役割
  3. イベント

    htmlのlabelタグ for属性について
  4. React

    Reactの使用方法
  5. React

    ReactのDOM属性の予約語 class, forと注意が必要なstyle
PAGE TOP