よくあるお問い合わせボックス、入力ボックスを表示できるように。
テキストボックス
テキストボックスは２種類。
・改行を含まない1行だけのテキストボックス
↓
imputタグを使ってtype属性をtextにする。
<imput type=”text”>
※閉じタグなし
・改行を含む複数行のテキストボックス
↓
<textarea></textarea>を使う。
divタグでスタイルを整える。
labelタグ
ラベルがどの入力部品に関するものか明示。
コンピューターやブラウザが解析しやすくなる。
入力部品にid属性を付ける。（idはわかりやすければなんでもok）
labelのほうにfor属性をつけて関連づける
labelに入力情報を関連付けておくと、クリックした際、関連する入力部品の色が変わって（枠）すぐ入力できるようになる。フォーカスが当たっている、と言う。
音声読み上げブラウザが関連するlabelを読み上げてくれる。
コメント