フォーム、項目、および表示ラベル

入力コンポーネントは、フォーム項目に表示ラベルを割り当てやすいように設計されています。表示ラベルによって、フォーム項目とそのテキスト表示ラベルをプログラムで関連付けることができます。入力コンポーネントでプレースホルダを使用する場合は、アクセシビリティを考慮して label 属性を設定します。

type="file" の場合を除き、ui:input を拡張する入力コンポーネントを使用します。たとえば、複数行のテキスト入力の場合は <textarea> タグではなく ui:inputTextarea を使用し、<select> タグではなく ui:inputSelect コンポーネントを使用します。

コードの実行に失敗した場合は、コンポーネントの表示中に表示ラベル要素を確認してください。表示ラベル要素に for 属性が存在し入力コントロール ID 属性の値と一致するか、入力が表示ラベルで囲まれている必要があります。入力コントロールには、<input>、<textarea>、および <select> があります。

1<!-- Good: using label/for= -->
2<label for="fullname">Enter your full name:</label>
3<input type="text" id="fullname" />
4
5<!-- Good: --using implicit label>
6<label>Enter your full name:
7    <input type="text" id="fullname"/>
8</label>