|
Formular definieren
|
<form action="URI" method="Methode" enctype="Mime-Type">
<!-- Formularelemente und andere Elemente innerhalb des Formulars -->
</form>
|
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der Datei oder Quelle angeben, das die Daten verarbeiten soll.
URI kann z.B. ein CGI-Script, eine HTML-Datei mit PHP-Code oder eine E-Mail-Adresse (mailto:jemand@irgendwo.xy) sein.
Für Methode entweder get oder post notieren (bei mailto-Formularen immer post)
Für Mime-Type bei mailto-Formularen text/plain angeben.
 Beschreibung
|
|
Zielfenster für
Server-Antwort
|
<form action="URI" method="Methode" target="Zielfenster">
<!-- Formularelemente und andere Elemente innerhalb des Formulars -->
</form>
|
Für Zielfenster den Namen eines definierten Framefensters angeben oder einen der folgenden reservierten Namen:
_self = Antwort im gleichen Fenster ausgeben wie das Formular,
_parent = aktuelles Frameset für Antwort sprengen,
_top = alle Framesets für Antwort sprengen.
Beschreibung
|
|
Zeichensätze
für Verarbeitung
|
<form action="URI" method="Methode" accept-charset="Zeichensatzliste">
<!-- Formularelemente und andere Elemente innerhalb des Formulars -->
</form>
|
Für Zeichensatzliste so etwas eingeben wie ISO-8859-1, ISO-8859-2.
Beschreibung
|
|
Einzeilige
Eingabefelder
|
<input type="text" size="Länge" maxlength="MaxLänge" name="Name">
|
Für Länge die Anzeigebreite des Feldes in Zeichen notieren (optional).
Für MaxLänge die maximal eingebbare Anzahl Zeichen notieren (optional).
Für Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Beschreibung
|
|
Einzeilige
Eingabefelder
Textvorbelegung
|
<input type="text" value="Wert">
|
Für Wert den Text der Vorbelegung notieren.
Beschreibung
|
|
Eingabefelder
für Passwort
|
<input type="password" size="Länge" maxlength="MaxLänge" name="Name">
|
Beschreibung
|
|
Mehrzeilige
Eingabefelder
|
<textarea cols="Spalten" rows="Reihen" name="Elementname">
Optionale Textvorbelegung
</textarea>
|
Für Spalten die Anzeigebreite des in Anzahl Zeichen pro Zeile notieren.
Für Reihen die Anzeigehöhe in Zeilen notieren.
Für Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Beschreibung
|
|
Mehrzeilige
Eingabefelder
Umbruchkontrolle
|
<textarea cols="Spalten" rows="Reihen" wrap="Umbruch">
</textarea>
|
Kein HTML-Standard!
Für Umbruch einen der folgenden Werte notieren:
soft = automatischer Zeilenumbruch nur bei Eingabe,
hard = automatischer Zeilenumbruch bei Eingabe wird zu Zeilenumbrüchen bei Formularversand,
virtual = wie soft.
physical = wie hard.
off = kein automatischer Zeilenumbruch bei Eingabe.
Beschreibung
|
|
Eingabefelder
nur lesen
|
<input type="text" readonly value="Text nur lesbar">
<textarea cols="Spalten" rows="Reihen" readonly>
Text nur lesbar
</textarea>
|
Beschreibung
|
|
Auswahlliste
|
<select size="Höhe" name="Name">
<option>Eintrag</option>
<option>anderer Eintrag</option>
</select>
|
Für Höhe eine Zahl wie 1 oder 10 notieren, um die Anzeigehöhe der Liste (Anzahl gleichzeitig angezeigter Einträge) zu bestimmen.
Für Name einen Namen notieren (optional). Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Beschreibung
|
|
Auswahlliste
Mehrfachauswahl
|
<select multiple size="Höhe">
<option>Eintrag</option>
<option>anderer Eintrag</option>
</select>
|
Attribut multiple.
Beschreibung
|
|
Auswahlliste
mit Vorauswahl
|
<select multiple size="Höhe">
<option>Eintrag</option>
<option selected>anderer Eintrag</option>
</select>
|
Attribut selected,
Beschreibung
|
|
Absendewert von
Listeneinträgen
|
<select size="Höhe">
<option value="Wert">Eintrag</option>
<option value="Wert">anderer Eintrag</option>
</select> |
Für Wert bei jedem Eintrag einen passenden Absendewert notieren.
Beschreibung
|
|
Menüstruktur
|
<select size="Höhe">
<optgroup label="Menütext">
<option>Eintrag</option>
<option>anderer Eintrag</option>
</optgroup>
<optgroup label="Menütext">
<option>Eintrag</option>
<option>anderer Eintrag</option>
</optgroup>
</select> |
Für Menütext jeweils eine Beschriftung für das Untermenü notieren.
Beschreibung
|
|
Radiobuttons
|
<input type="radio" name="Name" value="Wert"> Text
|
Für Name einen Namen notieren. Zusammengehörige Radiobuttons erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Wert einen Text notieren, der beim Formularversand diesen Button bezeichnet.
Für Text einen sichtbaren Beschriftungstext notieren.
Beschreibung
|
|
Checkboxen
|
<input type="checkbox" name="Name" value="Wert"> Text
|
Für Name einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Wert einen Text notieren, der beim Formularversand diese Checkbox bezeichnet.
Für Text einen sichtbaren Beschriftungstext notieren.
Beschreibung
|
|
Einträge
vorselektieren
|
<input type="radio" checked name="Name" value="Wert"> Text
<input type="checkbox" checked name="Name" value="Wert"> Text
|
Attribut checked.
Beschreibung
|
|
Klickbuttons (1)
|
<input type="button" name="Name" value="Beschriftung" onClick="Aktion">
|
Für Name einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Beschriftung den Text notieren, der als Button-Beschriftung angezeigt wird.
Für Aktion z.B. eine JavaScript-Anweisung notieren.
Beschreibung
|
|
Klickbuttons (2)
|
<button type="button" name="Name"
value="Alternativbeschriftung" onClick="...">
Beschriftung
</button>
|
Für Name einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Alternativbeschriftung einen Beschriftungstext notieren, falls kein Elementinhalt notiert wird.
Für Beschriftung die Anzeigefläche des Buttons gestalten, z.B. auch mit Grafiken und anderen HTML-Elementen.
Beschreibung
|
|
Formularfeld
für Datei-Upload
|
<input type="file" name="Name" maxlength="Größe" accept="Mime-Type">
|
Für Name einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Größe die maximale Byte-Größe der Datei angeben, z.B. 100000 (unzuverlässig!).
Für Mime-Type so etwas notieren wie text/*
Wichtig: im <form>-Tag enctype="multipart/form-data" notieren.
Beschreibung
|
|
Versteckte
Elemente
|
<input type="hidden" name="Name" value="Wert">
|
Für Name einen Namen notieren. Zusammengehörige Checkboxen erhalten den gleichen Namen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Für Wert einen Text notieren, der beim Formularversand mit übertragen, aber nicht angezeigt wird.
Beschreibung
|
|
Elemente
gruppieren
|
<fieldset>
<legend>Gruppenüberschrift</legend>
<!-- Formularelemente -->
</fieldset>
|
Beschreibung
|
|
Label für
Elemente
|
<label for="idName">Beschriftung:</label>
<[Formularelement] id="idName">
|
idName müssen beim for-Attribut des <label>-Tags und beim id-Attribut des zugehörigen Formular-Elements übereinstimmen. Keine Leerzeichen und Umlaute, erstes Zeichen ein Buchstabe, sonst auch Ziffern, Unterstrich (_), Bindestrich (-), Doppelpunkt (:) oder Punkt (.).
Beschreibung
|
|
Tabulator-Reihenfolge
|
<[Formularelement] tabindex="Indexnummer">
|
Bei jedem Formularelement für Indexnummer eine Zahl notieren. Die niedrigste Nummer wird zuerst angesprungen, die höchste zuletzt.
Beschreibung
|
|
Tastaturkürzel
|
<[Formularelement] accesskey="Buchstabe">
|
Für Buchstabe so etwas wie h oder m eingeben. Ausführbar meistens mit [Alt]-Taste plus dem angegebenen Buchstaben.
Beschreibung
|
|
Elemente
ausgrauen
|
<[Formularelement] disabled>
|
Beschreibung
|
|
Buttons zum
Absenden/
Abbrechen (1)
|
<input type="submit" value="Beschriftung">
<input type="reset" value="Beschriftung">
|
Für Beschriftung den jeweiligen Beschriftungstext des Buttons notieren.
Beschreibung
|
|
Grafischer
Absendebutton
|
<input type="image" src="URI">
|
Für URI eine Web-Adresse oder ein Ziel mit oder ohne Pfad der gewünschten Grafikdatei angeben.
Beschreibung
|
SELFHTML 
selfhtml@teamone.de
