Studiennotizen zu HTML-Formularen

Was ist ein Formular?

Ein Webformular kann vom Benutzer eingegebene Daten zur Verarbeitung an den Server senden. Da Internetnutzer Formulare mithilfe von Kontrollkästchen, Optionsfeldern oder Textfeldern ausfüllen, ähneln WebForms Dateien oder Datenbanken. WebForms können beispielsweise zur Eingabe von Versand- oder Kreditkarteninformationen für die Bestellung von Produkten oder zum Abrufen von Daten (z. B. Suche in einer Suchmaschine) verwendet werden. Einfach ausgedrückt dient es dazu, Benutzerinformationen zu sammeln

Dies ist ein Formular

Der Workflow des Formulars: Der Benutzer öffnet die Seite –>füllt das Formular aus und sendet es ab –>packt es entsprechend der entsprechenden Methode und sendet es an einen Server –>der Server empfängt es und übergibt es an das entsprechende Programm zur Verarbeitung

Grundlegendes

Framework : Formularelement hinzufügen

Formulareingabe-Tag Syntax:

Attribute : Name: Name, der Server identifiziert ihn anhand des Namens. Gruppe, dieselbe Gruppe benötigt denselben Namen.

Maxlength: Geben Sie die maximale Länge der Eingabe an.

Größe: Die Größe des Textfelds. in Zeichen, der Standardwert ist 20

Wert: Standardwert, an den Server übermittelter Inhalt

Platzhalter: Eingabeaufforderungstext

Typ:

Text: Eingabe Text, Attribute:

Passwort: Passwortfeld, das Passwort wird automatisch ausgeblendet

Datei: Datei hochladen, der angezeigte Inhalt bezieht sich auf den Browser

Radio: Optionsfeld , müssen die Optionen, die per Funk ausgewählt werden müssen, denselben Namen haben und werden als Wert an den Server zurückgegeben, um zu identifizieren, was ausgewählt ist. Fügen Sie ein Häkchen hinzu, um die Standardoption zu bestimmen.

Kontrollkästchen: Kontrollkästchen, ähnlich den Funkregeln.

Schaltfläche: Mit js zusammenarbeiten, um Aktionen bereitzustellen, und die Wertschaltfläche zeigt den Inhalt an

Subm: Senden-Schaltfläche, mit js zusammenarbeiten, um ein Formular in einem Formular an den Server zu senden, und die Wertschaltfläche zeigt Inhalt an

Zurücksetzen: Stellt das Formular in einem Formular auf den Standardzustand wieder her und die Wertschaltfläche zeigt den Inhalt an

Ausgeblendet: Ausgeblendetes Feld, der Benutzer kann es nicht sehen und der Wert wird übergeben an den Server.

Bild: Übermittlung der Bilddomäne, dieselbe Funktion wie „Senden“, src enthält die Bildadresse.

Dropdown-Menü und Listenbezeichnung Syntax

Ausgewählter Inhalt 🎜>

Optionsattribute:

Größe: Die angezeigte Menge. Wenn sie größer als 1 ist, wird sie in Listenform angezeigt.

mehrfach: Sie können Strg drücken, um mehrere Auswahlen zu treffen, und das Dropdown-Menü ändert sich in eine Listenform.

ausgewählt: Standardwert

Option Rico fügt

Mehrzeiliges Textfeld ist im Grunde dasselbe wie der Text von , mehrere Die Attribute cols und rows werden hinzugefügt. row steuert die Anzahl der angezeigten Zeilen und cols zeigt die Breite an.

Formularattribute

Aktion

: Das vom Formular gesendete Ziel, die URL oder die Serverdatei. Methode: Geben Sie an, wie das Formular an den Server gesendet werden soll. Es gibt zwei Methoden: get und post. Die Standardeinstellung ist get

GET: URL als Übergabeparameter verwenden (die zurückgegebene URL kann (siehe Formularinhalt), es gibt auch Beschränkungen hinsichtlich der Menge der gesendeten Informationen, und sie werden im Allgemeinen verwendet, um Benutzerinformationen zu erhalten.

POST: Formulardaten sind Teil des HTTP-Anfrageinhalts. Es gibt keine Begrenzung für die Menge der gesendeten Informationen. Sie werden im Allgemeinen zum Ändern von Ressourcen auf dem Server verwendet.

Name: der Name des Formulars.

Traget: Wo soll die Aktions-URL geöffnet werden? Parameter: _blank, _self, _parent, _top

enctype: So wird vor dem Senden des Formulars codiert. Parameter sind: 1: Standardmethode application / x- www -form-urlencoded 2:multipart/form-data 3:text/plain