HTML: Formulare 4

Samstag 8. Februar 2020 von Torsten

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…

Dieser Beitrag wurde erstellt am Samstag 8. Februar 2020 um 08:00 und abgelegt unter Allgemein. Kommentare zu diesen Eintrag im RSS 2.0 Feed. Sie können zum Ende springen und ein Kommentar hinterlassen. Pings sind im Augenblick nicht erlaubt.

1 Kommentar über “HTML: Formulare 4”

  1. Torsten schrieb:

    Quelltext einfach nur kopiert? Anführungszeichen auch geändert? Leider geht es noch nicht anders…

Kommentar schreiben