So verwenden Textfelder in Ihr HTML5-Formular

Sie können eine Vielzahl von Eingabefeldtypen in Ihre Formulare verwenden, wie zum Beispiel Text, Passwort, Radio (Taste), Checkbox, versteckt, Suche, tel (Telefonnummer), url, Email (Adresse), Terminzeit, Datum, Monat, Woche, Zeit, datetime-local, Nummer, Angebot (Setzt eine Reihe von numerischen Werten), Farbe, und mehr.

Nicht alle Felder erfordern Werte für Name und Typ Attribute (zB Textfeld oder Passwort-Felder), aber es ist eine gute Idee, den Benutzern mit erläuternden Hinweise und Beispiele von Eingangsdaten zur Verfügung zu stellen, wann immer sie Fragen über Formate haben könnten - wie beim Grübeln ob Bindestriche und Leerzeichen in Kreditkartennummern enthalten.

Kontrollkästchen und Optionsfelder, auf der anderen Seite benötigen solche Informationen, so dass sie richtig gekennzeichnet werden, wenn der Browser zeigt dem Nutzer, welche Optionen zur Verfügung stehen.

Für Eingabeelemente, die einen Benutzer erfordern Option selectan (ein Kontrollkästchen oder Optionsfeld), anstatt etwas in ein Feld eingeben, definieren Sie sowohl den Namen und den Wert. Wenn der Benutzer ein Kontrollkästchen oder eine Schaltfläche Radio wählt und klickt dann auf Senden, gibt die Form den Namen und den Wert mit dem Element zugeordnet.

Textfelder sind einzeilige Felder, in die Benutzer Informationen eingeben. Wenn Sie dem Benutzer die Möglichkeit zu bieten, müssen mehr als eine Zeile zu füllen, verwenden Sie ein Textfeld.

Hier ist, wie eine einzeilige Textfeld zu erstellen:


  1. Definieren Sie den Eingabetyp als Textfeld durch die Verwendung von Element mit dem Art Attribut auf Text.

  2. Dann nutzen Sie die Name Attribut das Eingabefeld einen Namen zu geben.

    Der Benutzer liefert den Wert, wenn sie Typen im Feld.

Das folgende Markup erstellt zwei Texteingabefelder, eines für einen Vornamen und einen für einen Nachnamen:

In Ergänzung zu Elemente enthält diese Auszeichnungsliste (und) Elemente und einen Text jedes Eingabefeld zu markieren. Indem sie sich, die meisten Formularelemente geben nicht viele Hinweise über die Art der Informationen, die Sie sie wollen eingeben.

Sie müssen HTML-Block und Inline-Elemente verwenden, um das Aussehen Ihrer Form zu formatieren und auch die notwendige Text zu liefern. Die Abbildung zeigt, wie ein Browser, um diese Art von HTML anzeigt.

bild0.jpg

Sie können mit diesen Attributen die Größe eines Textfeldes zu steuern:

  • Größe: Die Länge (in Zeichen) des Textfeldes

  • maximale Länge: Die maximale Anzahl von Zeichen kann der Benutzer in das Feld eingeben

Das folgende Markup erstellt ein Formular, das beide Felder ein Sets Größe von 30 (Zeichen) und ein maximale Länge von 25 (Zeichen). Auch wenn jedes Feld etwa 30 Zeichen lang sein wird, kann ein Benutzer nur 25 Zeichen in jedes Feld eingeben, wie in der Abbildung dargestellt.

(Einstellung der Größe Attribut größer als maximale Länge stellt sicher, dass zwischen dem Benutzereingabe und dem Ende des Feldes Box auf Display- Sie sich nicht, dies zu tun haben wird, das Textfeld etwas Platz immer, aber es ist optisch ansprechend.)

image1.jpg
» » » » So verwenden Textfelder in Ihr HTML5-Formular