最新のWeb開発のチュートリアル
 

HTML <fieldset> Tag


形でグループ関連する要素:

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>
</form>
»それを自分で試してみてください

定義と使用法

<fieldset>タグは、フォーム内のグループ関連要素に使用されます。

<fieldset>タグは、関連する要素の周りにボックスを描画します。


ブラウザのサポート

素子
<fieldset> はい はい はい はい はい

ヒントと注意事項

ヒント: <伝説>タグがのキャプションを定義し<fieldset>要素を。


HTML 4.01とHTML5の違い

HTML5は、のために新しい属性を追加しました<fieldset>


属性

= HTML5で追加。

属性 説明
disabled disabled 関連するフォーム要素のグループを無効にすることを指定します
form form_id フィールドセットが属する1以上のフォームを指定します。
name text フィールドセットの名前を指定します。

グローバル属性

<fieldset>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<fieldset>タグもサポートしています。イベントは、HTMLの属性


関連ページ

HTML DOMリファレンス: Fieldsetオブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<fieldset>次のデフォルト値を持つ要素を:

fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove ( internal value );
}