FAQ

入力フィールドにラベルを付けられますか?

This page is also available in English.

はい。フォームテンプレートの中では任意の HTML マークアップを使うことができます。次のように label 要素を使ってみてください:

<label>
	Your Name
	[text* your-name]
</label>

ラベルとフォームタグを分離することもできます。この場合には、label 要素に for 属性を追加する必要があります。ここで for 属性の値は関連付けられるフォームタグの id オプションの値を参照します:

<label for="namefield">Your Name</label>

[text* your-name id:namefield]

チェックボックスやラジオボタンをラベル付けする場合には注意してください。label 要素に複数のフォーム構成要素を含めることはできません。

例えば、次のようにはできません(この [checkbox] が3つのチェックボックスに展開されるため):

<label>
	Your Country
	[checkbox your-country "China" "India" "San Marino"]
</label>

この場合は代わりに use_label_element を使います:

[checkbox your-country use_label_element "China" "India" "San Marino"]

Contact Form 7 のデフォルトのフォームテンプレートでは label 要素が使われていません。これは、以前は使われていたのですが、label 要素の使い方を間違えて理解してしまったユーザーからあまりにも多くの「バグレポート」が送られてきて収拾がつかなくなったので今の形になりました。

Contact Form 7: Accessible Defaults という別のプラグインを追加でインストールすることで label 要素を含んだデフォルトのフォームテンプレートが得られるようになります。

WordPress のお問い合わせフォームプラグイン。シンプル、でも柔軟。