スポンサード リンク
legend要素
グループ化した入力項目に見出しをつけます
グループごとに見出しが表示され入力項目がユーザーにとってわかりやすくなります
legend要素はfieldset要素の子要素です。fieldset要素内ではlegend要素を一番初めに記述し、その後にブロック要素などが続きます。fieldset要素内でlegend要素を一つだけ記述します
fieldset要素を使うときはlegend要素が必ず必要です
使い方(書式)
<legend></legend>
fieldset要素
対応ブラウザ | |
要素の種類 | fieldset要素の子要素 |
内容となる要素 | インライン要素、テキスト |
属性 | 説明 |
共通属性 | html共通属性 |
イベント属性 | htmlイベント属性 |
実際の指定方法
html
<form action="mail.cgi" method="post"> <fieldset> <legend>メールフォーム</legend> <p><label>メールの件名:<input type="text" name="f1" value="" size="30"></label></p> <p><label>メール入力欄:<input type="text" name="f1" value="" size="30"></label></p> </fieldset> <fieldset> <legend>コメント</legend> <p><textarea name="f5" cols="50" rows="6"></textarea></p> <p><input type="submit" value="内容確認画面へ"> <input type="reset" value="リセット"></p> </fieldset> </form>
実際の表示
※サンプルのためフォームのみでcgiは動きません