Beispiel
Gruppe bezogene Elemente in einer Form:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
Versuch es selber " Definition und Verwendung
Das <fieldset> -Tag , um verwandte Elemente in einer Form verwendet.
Das <fieldset> -Tag zieht ein Feld um die damit verbundenen Elemente.
Browser-Unterstützung
Element | |||||
---|---|---|---|---|---|
<fieldset> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Die <legend> Tag definiert eine Beschriftung für das <fieldset> Element.
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 hinzugefügt neue Attribute für <fieldset> .
Attribute
= Neu in HTML5.
Attribut | Wert | Beschreibung |
---|---|---|
disabled | disabled | Gibt an, dass eine Gruppe von verwandten Formularelemente deaktiviert werden soll |
form | form_id | Gibt eine oder mehrere Formen der fieldset gehört |
name | text | Gibt einen Namen für die Fieldset |
globale Attribute
Das <fieldset> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <fieldset> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Fieldset Object
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <fieldset> mit den folgenden Standardwerte Element:
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 );
}