Textfeld

Um Informationen aus unserem Formular zu bekommen, brauchen wir Eingabefelder. In dieser Übung schauen wir uns das häufigste an: das Textfeld.

Die meisten Eingabefelder erstellen wir mit dem Element input. Wie img hat es keinen Inhalt und kein schließendes Tag. Sein Attribut type legt fest, um was für ein Eingabefeld es sich handelt; für ein Textfeld ist der Wert text.

Das zweite Attribut unseres Eingabefelds ist name, der Name des Eingabefelds. Was der Nutzer in das Feld tippt, wird zum Wert des Eingabefelds. Wenn das Formular abgeschickt wird, sendet der Browser jeden Wert zusammen mit dem Namen seines Eingabefelds, zum Beispiel spitzname=Tim. So weiß der Server, welcher Wert welcher ist, auch wenn das Formular mehrere Textfelder hat.

<form action="/verarbeitung.html" method="POST">
	<input type="text" name="spitzname">
</form>

Dieser Code zeigt ein leeres Feld an, so:

Wir können im Code auch das Attribut value schreiben. Das Feld ist dann schon mit diesem Wert ausgefüllt, den der Nutzer natürlich ändern kann:

<input type="text" name="spitzname" value="Tim">

Dieser Code wird so angezeigt:

Anderswo siehst du vielleicht auch <input ... /> mit einem Schrägstrich am Ende. Genau wie <br /> ist das eine ältere Schreibweise für dasselbe.