<フィールドセット>

HTML <fieldset>タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form>
 <fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>
</form>

</body>
</html>

インスタンスを実行する»

「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します

ブラウザサポート

すべての主要ブラウザすべて<fieldset> タグをサポートします。

タグの定義と使用方法

<fieldset> タグは、フォーム内の関連する要素をグループ化できます。

<fieldset> タグは、関連するフォーム要素の周囲に境界線を描画します。

ヒントとメモ

ヒント: <legend> タグは <fieldset> 要素のタイトルを定義します。

HTML 4.01 と HTML5 の違い

HTML5 では、<fieldset> のいくつかの新しい属性が追加されました: disabled、form、name、これらの属性は HTML 4.01 ではサポートされていません。

属性

New: HTML5 の新しい属性。

Property	Value	Description
disabledNew	disabled	このグループ内の関連するフォーム要素を無効にすることを指定します。
formNew	form_id	フィールドセットが属する 1 つ以上のフォームを指定します。
nameNew	text	フィールドセットの名前を指定します。

グローバル属性

<fieldset> タグは HTML グローバル属性をサポートします。

イベント属性

<fieldset> タグは HTML イベント属性をサポートします。