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日

同じカテゴリー(フォーム)のエントリー

検索

スポンサードリンク

バージョン

リファレンス