HTML: Formulare 4

Es gibt immer noch mehr Formularelemente…Auf in den vierten Artikel zu den HTML Formularen…

Fieldset und Legend:

<form action=”Dateipfad” method=”post” accept-charset=”Zeichencodierung”>

Formularelemente gruppieren:

<br />

<fieldset>

<legend>Absender</legend>

<br />

<input type=”text” size=”40″ maxlength=”40″ name=”Vorname”>

<br />

<input type=”text” size=”40″ maxlength=”40″ name=”Vorname”>

<br />

<input type=”text” size=”40″ maxlength=”40″ name=”Vorname”>

<br /><br />

</fieldset>

</form>

Klick-Buttons:

Buttons, also Schaltknöpfe/Schaltflächen können auch selber definiert werden…

<form action=”Dateipfad” method=”post” accept-charset=”Zeichencodierung”>

<br />

Schaltfläche: [Klick-Button ohne Event-Handler onclick]

<br />

<input type=”button” name=”Text 1″ value=”LED 01 einschalten”>

<input type=”button” name=”Text 1″ value=”LED 01 ausschalten”>

<br /><br />

Schaltfläche mit Grafik: [Klick-Button ohne Event-Handler onclick]

<br />

<input type=”button” name=”Text 1″ value=”LED 01 einschalten”>
<input type=”button” name=”Text 1″ value=”LED 01 ausschalten”>
<input type=”image” src=”DATEINAME” alt=”Bild als Button”>

</form>

Das kleine Beispiel-Formular:

Nochmal als Info: Diese Quelltexte sind noch keine vollständigen Formulare sondern stellen nur die einzelnen Formularelemente vor.

Ein kleines Beispiel-Formular könnte so aussehen:

<form action=”Dateipfad” method=”post” accept-charset=”Zeichencodierung”>

Vorname:

<br />

<input type=”text” name=”vorname” size=”30″ maxlength=”30″ value=”Vorname eintragen…”>

<br /><br />

Nachname:

<br />

<input type=”text” name=”nachname” size=”30″ maxlength=”30″ value=”Nachname eintragen…”>

<br /><br />

<input type=”submit” value=”Absenden “>

<input type=”reset” value=”Abbrechen”>

</form>

Selbst das kleinste Formular sollte also Eingabefelder haben und die beiden Schaltflächen “Absenden” und “Reset”.

Wer nun denkt das war schon alles, der irrt gewaltig. Ab jetzt wird es hier erst richtig spannend mit den neuen HTML5 Formularelementen…Naja nicht hier, sondern im nächsten Artikel…