Texteingabeoptionen für HTML-Formulare

• April 24, 2024

Im Artikel "Teile eines Website-Formulars" haben wir kurz die Eingabemöglichkeiten erläutert, die für Formular-Designer verfügbar sind. Jetzt ist es Zeit, einige dieser Optionen genauer zu betrachten. Im Folgenden finden Sie drei Felder, in denen Sie die von Ihren Besuchern eingegebenen Textinformationen erfassen und speichern können.

Textfeld
Das Textfeld ist eines der am häufigsten verwendeten Formularfelder. Es wird verwendet, um kurze Textantworten wie den Namen des Besuchers zu erfassen. Mit "size =" können Sie die Größe des Textfelds ändern. "maxlength =", um die Anzahl der Zeichen zu begrenzen, die der Besucher eingeben kann, z. B. mit einer Telefonnummer oder einem Postleitzahlfeld; und Sie können auch einen Anfangswert mit "value =" setzen.

Ein Textfeld, das wie folgt codiert ist:



... würde auf Ihrer Website so aussehen:



Textbereich
Textbereiche werden seltener als Textfelder verwendet. Sie werden verwendet, um größere Eingabeblöcke zu erfassen, sodass Sie Ihrem Formular beispielsweise einen als Kommentarfeld hinzufügen können. Wie beim Textfeld können Sie die Feldgröße angeben. "rows =" legt die Breite des Textbereichs fest, während "cols =" die Höhe festlegt. Textbereiche haben auch eine Zeilenumbruchoption. Wenn Sie "wrap = off" setzen, wird der eingegebene Text als eine lange Zeile behandelt. "wrap = virtual" bedeutet, dass der Text innerhalb des Formulars umgebrochen zu werden scheint, die Daten selbst jedoch ohne Zeilenumbrüche an den Server gesendet werden, während "wrap = physisch" bewirkt, dass das Formular dem Feld tatsächliche Zeilenumbrüche hinzufügt und mit an den Server sendet die Pausen enthalten.

Ein Textbereich, der wie folgt codiert ist:

Sie können experimentieren, indem Sie Text in dieses Feld eingeben.

... würde so aussehen:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> Sie können experimentieren, indem Sie Text in dieses Feld eingeben.-TEXTAREA->

Passwortfeld

Das Passwortfeld ähnelt dem Textfeld, aber alles, was der Besucher in das Feld eingibt, ist verdeckt - alles, was Ihr Besucher sieht, ist eine Reihe von Punkten. Dies kann für einen Besucher äußerst beruhigend sein, da jeder, der bei der Eingabe seiner Informationen hinter ihm hergeht, das Passwort des Benutzers nicht auf einen Blick abrufen kann. Beachten Sie, dass die in ein Kennwortfeld eingegebenen Daten nicht tatsächlich verschlüsselt sind. Wenn Sie die Informationen Ihres Benutzers sicherer machen möchten, müssen Sie dies auf andere Weise tun, normalerweise durch Einrichten einer sicheren Site.

Die Attribute des Kennwortfelds sind identisch mit denen eines Textfelds.

Ein wie folgt codiertes Passwortfeld:



... würde so aussehen:

Video-Anleitungen: HTML/PHP Contact Form Tutorial with Validation and Email Submit (April 2024).