<label>タグの機能と属性
機能		フォーム要素にラベルを付ける
属性	HTML-4.01	コア言語イベント for accesskey onfocus onblur
属性	XHTML-1.0	コア言語イベント for accesskey onfocus onblur

フォーム要素にラベルを付けるには、この<label>タグで、<input>タグ等で定義されたフォーム要素をネストします。



<html>


    <head>


        <title>&lt;label&gt;タグの例</title>


    </head>


    <body>


        <form action="プログラムのパス" method="post">


            <label>メールアドレス：<input type="text" name="mail" /></label>


        </form>


    </body>


</html>

<label>で定義した「メールアドレス」というテキストをクリックすると、多くのブラウザでは、テキストボックスが選択された状態になります。テキストと、フォーム要素を<label>タグで囲むことで、1つのグルーブのようになります。

for属性

for属性は、フォーム要素のid属性を参照してラベル付けする際に使用します。この方法による場合は、フォーム要素を<label>タグでネストする必要はありません。

for属性の値には、ラベルを付けたいフォーム要素に指定してあるid属性の値を指定することになります。



<html>


    <head>


        <title>&lt;label&gt;タグの例</title>


    </head>


    <body>


        <form action="プログラムのパス" method="post">


            <label for="mail_address">メールアドレス：</label>


            <input type="text" name="mail" id="mail_address" />


        </form>


    </body>


</html>

accesskey属性、onforcus属性、onblur属性

accesskey属性、onforcus属性、onblur属性については、共通して使用される属性を参照してください。

このページの先頭

Copyleft

2008 W-D-L.NET

サイト管理者に連絡