Viele der Formularelemente HTML5 Anwendungen werden auf der Basis Eingang

-Tag. Diese Web-Seite-Gebäude Zugpferd ist ein Allzweck-Tag verwendet, um eine Reihe von interessanten Eingabeobjekten machen, aber es ist nicht die einzige Art von Textfeld zur Verfügung. Sie können auch Passwort-Felder und mehrzeilige Textfelder erstellen, wie im oberen Teil dieser Form Demo gezeigt.

Der Code für die Textfelder in dieser Figur sieht wie folgt aus:

Formular Demo

Eine grundlegende Textfeld

eine grundlegende Textfeld zu bauen ist einfach:

1. Erstellen Sie eine Eingabeelement.

   Das Tag erzeugt die allgemeine Struktur des Elements.

2. Stellen Sie den Art nach "Text" um anzuzeigen, dass ein Standard-Textelement Gebäude sind, nicht etwas aufwendiger.

3. Fügen Sie ein Ich würde Attribut, das Element zu nennen.

   Dies wird sehr wichtig, wenn Sie javascript in die Seite einfügen, weil Ihr javascript-Code wird die ID verwenden, um Daten aus dem Formular zu extrahieren.

4. In Standard-Daten.

   Sie können Standarddaten hinzufügen, wenn Sie möchten, dass die Verwendung von Wert Attribut. Jeder Text, den Sie in dem Wert legen wird der Standardwert des Formulars werden.

Das Textelement stellt ein kleines Kästchen auf dem Bildschirm. Wenn ein Besucher auf Ihrer Webseite die Box wählt, wird der Cursor auf einem I-Balken zu ändern, und Ihre Besucher werden in der Lage sein, Text in das Feld eingeben.

Ein Passwort-Feld

Das Passwort Feld in der Figur gezeigt, sieht der gewöhnlichen Textfeld ähnlich, aber es eine primäre Unterschied hat: Wenn die Benutzerdatentypen in dem Passwortfeld, wird der Inhalt des Feldes durch Sternchen ersetzt.

EIN Passwort Feld verwendet die gleiche Eingang Tag als einem Textfeld. Der einzige Unterschied ist, dass Sie die eingestellte Ich würde zuschreiben "Passwort".

Die Ersatz Sternchen kann einen bösen Zuschauers von der Entdeckung Ihr Passwort verhindern, aber ein Passwort-Feld bietet keine wirkliche Sicherheit - vor allem, wenn Sie javascript verwenden, die den Abruf Code frei verfügbar für den Browser macht. javascript ist nicht die Sprache zu verwenden, wenn Sie eine Menge Geheimnisse behalten wollen.

Eine mehrzeilige Textfeld

Manchmal wollen Sie die Besucher Ihrer Web-Seite zu geben, die Fähigkeit, mehrere Textzeilen eingeben. Die HTML5 TextArea- Element für diese Situation perfekt. Hier ist, wie Sie Ihren eigenen Text-Bereich zu machen:

1. Beginnen Sie mit dem Tag den Beginn eines mehrzeiligen Textfeld, um anzuzeigen.

   Verwenden Sie den Tag Ihrer Textbereich einen Namen zu geben, wenn Sie möchten.

2. Geben Sie die Anzahl der Zeilen.

   Geben Sie die Anzahl der Zeilen (oder Zeilen) von Text der Textbereich enthalten soll. Größere Boxen aufnehmen mehr Text, aber mehr Platz benötigen auf dem Bildschirm.

3. Geben die Anzahl von Spalten.

   Die Anzahl der Spalten zeigt, wie breit (in Zeichen) das Textfeld sein sollte. Eine Seitenbreite Form ist in der Regel 80 Zeichen.

4. Fügen Sie die schließenden Tag.