例
形でグループ関連する要素:
<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 );
}