Inhaltsbereich
Sie befinden sich hier: Barrierearm » Befehle » Fieldset
Untertitel zum Foto Peter Mages an der Kieler Förde (Strande) im März 2011 © Margarete Voelzke.
Fieldset
Codierungsbeispiel für ein "Fieldset". Als Beispiel wähle ich das Fieldset von der Seite Kontakt.
Das Fieldset sollte bei umfangreicheren Formularen genutzt werden. Also, wenn bei mehreren Positionen Eingaben erforderlich sind.
Der Tabindex legt die Reihenfolge des Springens mit der Tabulatorentaste fest. Das @ Zeichen sollte voreingestellt sein.
CSS (Cascading Style Sheets)
#formular {
margin: 0 25px 25px;
padding: 0;
}
#formular fieldset {
border:1px solid #999;
background:#fafafa;
color:#000;
padding:20px 20px 20px 15px;
margin:20px 0;
}
#formular fieldset legend {
font-size:.7em;
color:#000;
font-weight:bold;
background:#ffe;
border:1px solid #999;
padding: 0 5px;
letter-spacing:.1ex;
}
XHTML (Extensible Hypertext Markup Language)
<fieldset>
<legend>Ihre persönlichen Angaben</legend>
<label for="Nachname">Ihr Nachname:
<input name="Nachname" type="text" tabindex="1" id="Nachname" /></label>
<label for="Vorname">Ihr Vorname:
<input name="Vorname" type="text" tabindex="2" id="Vorname" /></label>
<label for="Telefon">Ihre Telefonnummer:
<input name="Telefon" type="text" tabindex="3" id="Telefon" /></label>
<label for="E-Mail">* Ihre <span lang="en" xml:lang="en">E–Mail</span> Adresse:
<input name="E-Mail" type="text" tabindex="4" id="E-Mail" title="ihre@email-adresse.de" value="@" /></label>
</fieldset>
Bildschirmausdruck
Bildschirmausdruck für "Fieldset".
Weitere Befehle zu:
- Abkürzung & Sprachzuweisung
- Breadcrumb
- Datentabelle
- Foto mit Untertitel
- Hintergrundfoto
- Unsichtbarer Text
Adresse von Peter Mages
Peter MagesGraefestr. 19
10967 Berlin
Telefon: 0 30 – 6 94 57 22
E–Mail: peter@mages-online.de
Internet: www.mages-online.de
[ nach oben ] · zum Seitenanfang ·
