Formularelemente: Die umfassendste Zusammenfassung zum Erhalten und Verwenden verschiedener HTML-Formularelemente

Ein Formular ist ein Interaktionstool zwischen Webseiten und Benutzern. Es besteht aus einem

-Element, das eine beliebige Anzahl anderer Formularsteuerelemente sowie alle anderen im -Element verfügbaren Tags enthält . Ein Formular kann Formularsteuerelemente wie , , , <fieldset>, <legend>, <label> enthalten. <strong>Was sind die Formularelemente? </strong>Es enthält die folgenden Elemente: <formular>, <eingabe>-Schaltfläche, <option>-Textbereich, usw. Natürlich wurden in HTML5 einige neue Elemente hinzugefügt. Der folgende Inhalt <strong> fasst verschiedene Beispiele für die Erfassung und Verwendung von HTML-Formularelementen zusammen! </strong> </option></eingabe></formular></label> </legend> </fieldset>

1. Neue Formularelemente und Verwendungsbeispiele in HTML5

1. Zusammenfassung der Verwendung neuer Formularelemente in HTML5 und praktische Tutorials

Neues HTML5-Formularelement

: Das -Tag gibt das für das Formular zu verwendende Schlüsselpaargeneratorfeld an.

: Das

-Tag definiert verschiedene Arten der Ausgabe, beispielsweise die Ausgabe eines Skripts.

2.Umfassendes Verständnis der HTML-Formularelemente

Das datalist-Element gibt eine Liste von Optionen für das Eingabefeld an. Die Liste wird über das Optionselement innerhalb der Datenliste erstellt. Wenn Sie die Datenliste an das Eingabefeld binden müssen, verwenden Sie bitte das Listenattribut des Eingabefelds, um auf die ID der Datenliste zu verweisen. Das

keygen-Element ist ein Schlüsselpaargenerator. Beim Absenden des Formulars werden zwei Schlüssel generiert, einer ist der private Schlüssel und der andere ist der öffentliche Schlüssel. Der private Schlüssel wird auf dem Client gespeichert und der öffentliche Schlüssel wird an den Server gesendet. Das

Ausgabeelement wird für verschiedene Arten der Ausgabe verwendet, beispielsweise für Berechnungen oder Skriptausgaben.

2. Detaillierte Erläuterung der Formularelemente in PHP

1. Einführung in PHP-Formularelemente: Feld-Tags und Textfeld-Tags auswählen

Durch Auswahl der Feld-Tags und Kann eine Liste oder ein Menü erstellen. Das Menü wird verwendet, um Platz zu sparen. Unter normalen Umständen ist nur eine Option des Menüs sichtbar. Erst nachdem Sie auf die untere Dreiecksschaltfläche rechts geklickt haben, um das Menü zu öffnen, sind alle Optionen sichtbar. Eine Liste kann eine bestimmte Anzahl von Optionen anzeigen. Wenn diese Zahl überschritten wird, wird automatisch eine Bildlaufleiste angezeigt und der Betrachter kann jede Option anzeigen, indem er die Bildlaufleiste zieht.

2. Einführung in PHP-Formularelemente: Eingabefeld-Tag

Eingabefeld-Tag a form Einer der am häufigsten verwendeten Tags in . Zu den häufig verwendeten Eingabefeld-Tags gehören Textfelder, Schaltflächen, Optionsfelder, Kontrollkästchen usw.

3.Beispiel für die PHP-Verarbeitung eines Kontrollkästchen-Formularelements mit mehreren Auswahlmöglichkeiten

Die Methode zur Erfassung des Kontrollkästchenwerts unterscheidet sich von der normalen Eingabeerfassungsmethode Das Kontrollkästchen mit einem einheitlichen Namen in Form eines Arrays, z. B. mycheckbox[], ist eine Möglichkeit, ein Array in PHP zu definieren. Rufen Sie diese Daten dann im Hintergrund ab, z. B. $_POST['mycheckbox'] des POST-Formulars. Zu diesem Zeitpunkt sind diese Daten bereits ein Array.

3. Formularelemente mit Javascript und JQuery abrufen und verwenden

1. Mehrere Möglichkeiten, Formularelemente mit Javascript abzurufen

Die erste Methode: Ermitteln Sie den Namen des Elements

Die zweite Methode: Ermitteln Sie den Index des Elements

Die dritte Methode: Ermitteln Sie die ID von das Element

2.

jQuery-Code zur Verarbeitung von Formularelementen

1). Holen Sie sich den Wert der Eingabeklasse: $("input").val();

2). ();

3). Holen Sie sich den Wert der Select-Klasse: $("select").val();

Wenn das Formular mehrere Eingabeklassen (oder Textbereichsklassen und Select) enthält Klassen), verwenden Sie die obige Methode, um ein Array zu erhalten. Natürlich können Sie diesen Steuerelementen IDs hinzufügen, um den Wert eines bestimmten Steuerelements zu erhalten, zum Beispiel: $("input#myID").val().

Fragen und Antworten zu Formularelementen:

1. Frontend – Gibt es ein Problem mit dem relative Bewegung der Seite beim Anklicken des Formularelements auf dem mobilen Endgerät?

2. So erhalten Sie den internen Wert des React-Bootstrap-Formularelements in React

3 Formular in Javascript-Elementauswahl

[Verwandte Empfehlungen]

1 php.cn Original-HTML5-Video-Tutorial

2 《php.cn Dugu Jiujian (4) – PHP-Video-Tutorial“

3.

php.cn Dugu Jiujian (3) – JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonFormularelemente: Die umfassendste Zusammenfassung zum Erhalten und Verwenden verschiedener HTML-Formularelemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!