fieldset要素
fieldset要素はフォームパーツをグルーピングするための要素です。
グループ名は最初のlegend要素で名づけます。
<fieldset>
<legend>Display</legend>
<p><label><input type="radio" name="c" value="0" checked> Black on White</label></p>
<p><label><input type="radio" name="c" value="1"> White on Black</label></p>
<p><label><input type="checkbox" name="g"> Use grayscale</label></p>
<p><label>Enhance contrast <input type="range" name="e" list="contrast" min="0" max="100" value="0" step="1"></label></p>
<datalist id="contrast">
<option label="Normal" value="0">
<option label="Maximum" value="100">
</datalist>
</fieldset>
disabled属性
disabled属性を付けることでfieldset要素内に含まれるフォーム部品を非活性にしユーザーが操作できなくなることができる。
<fieldset disabled>
form属性
form属性を指定することでfieldset要素とform要素を関連付けることができます。
<form id="form01" action="target.php">
<input type="submit" value="送信">
</form>
<fieldset form="form01>
<legend>Display</legend>
<p><label><input type="radio" name="c" value="0" checked> Black on White</label></p>
<p><label><input type="radio" name="c" value="1"> White on Black</label></p>
<p><label><input type="checkbox" name="g"> Use grayscale</label></p>
</fieldset>
name属性
name属性でfieldset要素に名前を付けることができます。legend要素でつけた名前とは異なりJavaScriptなどで要素にアクセスするために利用します。
<fieldset name="name01">
参考URL
4.10.16 The fieldset element - HTML5 - W3C
4.10.16 The fieldset element - HTML5.1 - W3C
登録日 : 2015年02月08日 最終更新日 : 2015年2月8日