<FIELDSET> …… フォームの入力項目をグループ化する
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Netscape4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n4.gif)
![Netscape6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n6.gif)
![Netscape7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n7.gif)
![Netscape8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n8.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Opera10](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o10.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Netscape4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n4.gif)
![Netscape6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n6.gif)
![Netscape7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n7.gif)
![Netscape8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n8.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Opera10](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o10.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
広告
このページでは、HTML4のfieldset要素を解説しています。
fieldset要素の最新情報は、以下を参照してください。
<FIELDSET>はフォームの入力項目をグループ化する際に使用します。
グループの先頭には、<LEGEND>~</LEGEND>で入力項目グループにタイトルをつけます。
フォームの入力項目をグループ化することで、Tabキーなどでグループ間を簡単に移動できるという利点があります。
■使用例
HTMLソース
<form action=”aaa.cgi” method=”post”>
<fieldset>
<legend>個人情報</legend>
お名前:<input type=”text” name=”name”
size=”20″>
メール:<input type=”text” name=”mail”
size=”40″>
</fieldset>
<fieldset>
<legend>ご感想</legend>
満足度<br>
<input type=”radio” name=”manzoku” checked>いいと思う<br>
<input type=”radio” name=”manzoku”>まあまあ<br>
<input type=”radio” name=”manzoku”>ふつう<br>
<input type=”radio” name=”manzoku”>あんまり<br>
<input type=”radio” name=”manzoku”>よくないと思う<br><br>
一言どうぞ<br>
<textarea rows=”3″ name=”S1″ cols=”40″></textarea>
</fieldset>
<input type=”submit” value=”送信”>
</form>
↓↓↓
ブラウザ上の表示
■HTML5情報
<fieldset> …… フォームの入力項目をグループ化する
広告