記事内に商品プロモーションを含む場合がありますWEBアプリなどでHTML上で入力値を取得するinputとともに使用するlabel要素についてあまり詳しく知らなかったので調べてみました。前提としてinputを使用する際のルールについて押さえておきます。inputタグの概要WEB上でユーザーから何かしらの入力をしてもらうためにはこの<input>タグを使用することになります。id=”labelタグと紐付けつるID”>のようになっています。type=の部分で好きな入力方法を決められるのだと覚えておけばよいです。Cinputタグをlabelタグと紐付けるメリットは?inputタグとlabelタグを紐付けるメリットはinputタグで表示する文字列やオブジェクトはすべてinputの要素にすることができます。チェックボックスの選択する□を選択せずに、その横の「A」を選択してもチェックが入るようになるのです。Clabelタグとinputタグを紐付けるには?labelタグとinputタグを紐付ける方法は以下の2つのやり方があります。方法1:labelのforで指定したIDとinputのidを同じにする。type="checkbox"></label>この2つのやり方ですが、方法2の方が簡単に思えるかもしれません。コードが煩雑になると分かりづらくなるため、極力方法1の方を推奨しておきます。webアプリを作成する場合もこのlabelとinputは理解しておく必要があります。フォームで設定した入力を一括でテンプレートで入力する場合、form.as_pを使用すると簡単に入力フォームが作成されます。MEden完全独学でWEBデザインを無謀にも挑戦している中年男。工場勤務の会社員で3児の父。チャレンジを忘れず、妻に怒られても心はおれず。有益な情報を発信し、これを見ている人の為になればと思っています。