HTML-Formulare - Teil im Browser

22. 8. 2019

2 min čtení

Bevor wir die Benutzerdaten auf der Serverseite über PHP verarbeiten können, müssen wir sie zunächst erhalten. Dies geschieht im Browser über HTML-Formulare, die die grundlegenden Elemente für den Empfang der Daten festlegen. In diesem Artikel sollen nicht alle Möglichkeiten von Formularen vorgestellt werden, sondern nur die grundlegenden Möglichkeiten der Datenübernahme und des Verständnisses des Prinzips.

Grundlegende HTML-Formularquelle

<form action="script.php" method="get">
<!-- Zde bude celý obsah formuláře -->
</form>

Jedes Formular beginnt mit dem HTML-Tag "

". Alle Formularfelder, die sich zwischen diesen Tags befinden, werden übermittelt.

Als Nächstes müssen Sie mit dem Attribut action (Skriptname) festlegen, wohin das Formular gesendet werden soll, und mit dem Attribut method, welche Methode verwendet werden soll (GET oder POST). Wenn die Methode und das Ziel nicht angegeben werden, sendet sich das Formular standardmäßig mit der GET-Methode.

Grundlegende Formularfelder

Das am häufigsten verwendete Feld wird verwendet, um den Text (String) zu erhalten. Jedes Feld hat seinen eigenen Typ und Namen, an dem es nach der Übermittlung erkannt werden kann.

Gemeinsame Textfelder

Am wichtigsten ist, dass ich ein einfaches Textfeld benötige:

<input type="text" name="food">

Feld Passwort

<input type="password" name="heslo">

Kontrollkästchen

Es wird verwendet, um den Booleschen Wert (TRUE und FALSE) zu prüfen:

<input type="checkbox" name="vop" checked="checked">

Sind Sie mit den Bedingungen einverstanden?

Optionsfeld zur Auswahl mehrerer Optionen

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Sie können aus mehreren Optionen wählen. Die ausgewählte Option sendet ihren Wert. Standardmäßig ist es gut, ein Feld mit dem Attribut checked="checked" auszuwählen:

Tschechisch
Slowakisch
Englisch

Großes Textfeld

Erstellt für die Eingabe von mehrzeiligem Text. Sie wird auch zur Eingabe verwendet:

cols ~ Anzahl der Spalten
rows" ~ Anzahl der Zeilen

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

Auswahlbox

Bietet eine bequeme Möglichkeit, aus vielen Daten auszuwählen.

<select name="gender">
<option value="man">Muž</option>
<option value="woman">Žena</option>
</select>

Nach dem Absenden des Formulars wird der Wert in "value" gesendet.

Schaltfläche "Senden

Das Formular kann eine unbegrenzte Anzahl von Übermittlungsschaltflächen enthalten. Sie sind leicht zu erfassen:

<input type="submit" value="Odeslat">

Wenn Sie darauf klicken, werden alle Daten aus den Formularfeldern übernommen und an das eingestellte Skript gesendet:

Datenverarbeitung auf dem Server

Als Nächstes müssen Sie die Daten an den Server senden und sie dort verarbeiten. Dies wird im nächsten Artikel behandelt.