リファレンス

<label>要素の使い方・サンプルコード

<label> 要素は、フォーム内にある要素の項目名・キャプションを表します。

デモ:<label> 要素

 
 

属性

<label 属性名="ここに値を指定"></label>
 

for

for 属性の値と input 要素の id 属性の値を一致させることで、関連付けることができます。

input 要素をlabel 要素に入れることができますが、この場合は for 属性と id 属性による関連付けは必要なくなります。
 

form

関連付けたい form 要素の id を指定します。

form 属性を指定することで、form 要素の子要素に label 要素を置かなくても、同じ HTML 文書中にあるフォームに関連付けることができます。
 

グローバル属性

全ての HTML に共通して使用できるグローバル属性はこちら
 
 

使用例

例① for 属性を使って input 要素と関連付ける方法

<label for="user_name">お名前:</label>
<input id="user_name" type="text" name="name">

 

例② for 属性を使わずに input 要素と関連付ける方法

<label>お名前:<input type="text" name="name"></label>

 
 

対応ブラウザ

 
 

関連するタグ

 

HTML タグ一覧はこちら

ABOUT ME
Sara
「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
独学は難しそうと感じたら

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

guest
0 Comments
Inline Feedbacks
View all comments
0
この記事にコメントするx