★LABEL / ラベルテキスト(form field label text)

戻る

LABEL / ラベルテキスト(form field label text)


対応

    H4t H4f H4s         N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6      

分類

インラインエレメント(フォームコントロール)

開始タグ

終了タグ

コンテント要素

インラインエレメント但し、LABELを除く

親エレメント

インラインエレメント但し、BUTTON、LABELを除く

共通アトリビュート

eventi18n

解説
フォームコントロールとそのラベルとなるテキストを結び付けます。ラベル部分もマウス・クリックの対象となります。
オプション

対応

オプション

説    明

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

FOR

IDREF

フォームコントロールのID属性値を記述します。

H4tH4fH4s
N6N7
GA1MO1
E4E5ME5E55E6

ACCESSKEY

Character

アクセスキーを指定します。例、IE5.0ではACCESSKEY="X"の場合、ALTキーを押しながらXキーを押した時、このリンクにフォーカスが移動します。(IE4.0ではボタンが押された状態になったりします。)

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

CLASS

CDATA

クラス名を指定します。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

ID

ID

IDを指定します。同じ文書内で同じIDは付けられない。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

STYLE

StyleSheet

CSSスタイルシートを設定します。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5ME5E55E6

TITLE

Text

内容を設定します。IEでは、マウスを近づけたときにバルーンでその内容が表示されます。

H4tH4fH4s
E5ME5E55E6

onFocus

Script

JavaScriptでフォーカス獲得時に発生するイベントです。後に続く命令を実行します。

H4tH4fH4s
E5ME5E55E6

onBlur

Script

JavaScriptでフォーカス損失時に発生するイベントです。後に続く命令を実行します。

 
使用例

ソース

表示&操作

FOR属性にテキストフィールドのID属性と同じ値を指定する方法。

<FORM ACTION="" METHOD="post">
<p>
<LABEL FOR="name">名前</LABEL>
<INPUT TYPE="text" ID="name" VALUE="山田花子" SIZE="25"><BR>
<LABEL FOR="e-mail" TITLE="必ず書いてください。">E-mail</LABEL>
<INPUT TYPE="text" ID="e-mail" SIZE="25">
</FORM>

と記述すると


と表示されます。

LABELをコントロールのコンテナにする方法。

<FORM ACTION="" METHOD="post">
<p>
<LABEL ACCESSKEY="x">
名前<INPUT TYPE="text" NAME="name" VALUE="山田花子" SIZE="25"><BR>
</LABEL>
<LABEL TITLE="必ず書いてください。">
E-mail<INPUT TYPE="text" NAME="e-mail" SIZE="25">
</LABEL>
</FORM>

と記述すると

と表示されます。
この方法が簡単で良いと思います。

注意点
FORMエレメントを参照して下さい。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/html/label.html
E-mailpokochan@mx1.tees.ne.jp