legend und fieldset

====== Formulare ====== ===== (X)HTML-Tags für Formulare ===== ^ Tag ^ wichtige Attribute ^ Bedeutung ^ | | action, method | Innerhalb der Tags befindet sich das Formular.| | | | **action:** Zieldatei des Formulars beim Absenden, **method:** Methode der Datenübermittlung (POST oder GET)| |

...

| - | Fasst verschiedene Felder eines Formulars zu einem Block zusammen | | ... | - | Gibt dem

eine Bezeichnung, die angezeigt wird | | ... | for | Darin wird zur besseren Verwendung, u.a. mit CSS, die für den Nutzer sichtbare Bezeichnung des Feldes geschrieben. | | | | **for:** Muss dem Attributwert "id" des input-Felds entsprechen | | | type, name, id, size | Eingabeelement | | | | **type:** Feldtyp (z.B. text), **name:** eindeutige Bezeichnung für PHP, **id:** eindeutige Bezeichung für HTML/CSS/JS, **size:** Größe des Feldes | ===== Gestaltung mit CSS ===== Durch die Verwendung der oben genannten Tags und ihrer Attribute hat man mit CSS sehr viele Möglichkeiten, Formulare zu gestalten. Es können alle allgemeinen, also nicht-spezifischen (wie z.B. list-style-type - außer natürlich es werden Listen im Formular verwendet) CSS-Eigenschaften angewandt werden. ++++ (X)HTML-Beispielcode anzeigen |






legend und fieldset





Absenderangaben
Vorname:

 

Nachname:

++++ ++++ Dazu gehörenden CSS-Beispielcode anzeigen |


body {
       font: 100.01% Verdana, sans-serif;
       color: #6078BF;
}
legend {
       font-weight: bold;
       background-color: #FFCC80;
       border: 1px solid #BF9960;
       padding: 4px;
       width: 10em;
       text-align: center;
       margin: 10px 10px 10px 4px;
}
fieldset {
       border: 2px dotted #FFCC80;
       margin: 10px;
       width: 20em;
       padding: 10px;
}

++++