In diesem Artikel werde ich einige HTML-Tags vorstellen, die zum Erstellen des am häufigsten verwendeten Dateneingabeformulars verwendet werden. Diese Tags habe ich in dieser HTML- und CSS-Lernkategorie häufig eingeführt.

Bevor Sie beginnen, müssen Sie verstehen, was das Konzept von Formulardaten ist. Warum müssen wir Formulare verwenden und wann sollten wir sie verwenden? Welche Eingabe-Tags sollten während der Formularerstellung verwendet werden? Komm, lass uns anfangen.

1. Was sind Formulardaten?

Die Website wird als eine Software betrachtet, die hilft, sich mit allen Benutzern auf der Welt zu verbinden. Alle Daten, die Sie auf der Website sehen, werden von einer echten IP-Adresse gesendet, die im Internet existiert.

Wenn Sie eine Website besuchen, bedeutet dies, dass Sie eine Anfrage nach der entsprechenden IP-Adresse für diese Domain gesendet haben ( wir nennen sie den Server ). Der Server gibt Ihnen eine Reihe von Daten im HTML-Format zurück. Und die Frage ist, was ist, wenn die Serverseite Ihre Informationen abrufen muss? Ganz einfach, HTML stellt uns eine Reihe von Tags zur Verfügung, die dem Server helfen, Daten vom Benutzer zu erhalten, nämlich die Tags der Formulargruppe .

Formulardaten sind also ein Formular, das aus einer Reihe von HTML-Codes besteht, die zur Formulargruppe gehören, wie z um Daten einzugeben und an den Server zu senden.

2. Die am häufigsten verwendeten formularbildenden HTML-Tags

Jetzt werde ich zuerst die Tags einführen, dann machen wir im 3. Teil ein Formular.

Verwenden Sie das Formular-Tag, um die Formulare einzuschließen

Alle Formulare müssen mit einem Formular-Tag beginnen, das alle anderen Tags umschließt. Es hat zwei wichtige Eigenschaften: method und action . Obwohl Sie die Schnittstelle machen, sollten Sie auch diese Regel befolgen. Was die Verwendung betrifft, werden wir später herausfinden.

 <form method="post" action="url"> </form>

Verwenden Sie das Input-Tag, um ein Eingabefeld zu erstellen

Am häufigsten wird das Input-Tag verwendet. Es kommt in verschiedenen Formaten wie:

• Ein Dateneingabefeld
• Kontrollkästchen
• Funkboxen

Um den Typ anzugeben, verwenden wir das Attribut type. Siehe das Beispiel unten zum besseren Verständnis.

 <form method="post" action="url"> Input: <input type="text" value=""/> <br/> Radio: <input type="radio" value=""/> <br/> Checkbox: <input type="checkbox" value=""/> </form>

Verwenden Sie das Textarea-Tag, um Big Data zu erhalten

Das Tag textarea funktioniert wie das Tag input type=text . In Bezug auf die Anzeige wird es jedoch breiter sein, und anstelle von Daten, die in einer Zeile angezeigt werden, werden sie in vielen Zeilen angezeigt.

 <form method="post" action="url"> <textarea cols="20" rows="10"></textarea> </form>

Verwenden Sie das Eingabe-Tag, um die Schaltfläche zum Senden zu erstellen

Der Submit-Button ist sehr wichtig, er hilft dem Browser zu wissen, wann er mit dem Senden von Daten an den Server beginnen soll. Um einen Submit-Button zu erstellen, verwenden wir das Input-Tag wie folgt.

 <form method="post" action="url"> <input type="submit" value="Liên hệ"/> </form>

Verwenden Sie das select-Tag, um eine Combobox zu erstellen

Dies ist das endgültige Format in dieser Lektion. Um eine Dropdown-Liste mit Optionen zu erstellen, verwenden Sie das select-Tag.

 <form method="post" action="url"> <select> <option> -- Hãy chọn -- </option> <option>Tùy chọn 1</option> <option>Tùy chọn 2</option> <option>Tùy chọn 3</option> <option>Tùy chọn 4</option> </select> </form>

Oben ist eine Sammlung aller am häufigsten verwendeten HTML-Tags. Lass uns jetzt zusammen eine kleine Übung machen.