Heim  >  Artikel  >  Web-Frontend  >  Formularelemente: Die umfassendste Zusammenfassung zum Erhalten und Verwenden verschiedener HTML-Formularelemente

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

伊谢尔伦
伊谢尔伦Original
2017-05-31 16:46:035770Durchsuche

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 , ,

1. Neue Formularelemente und Verwendungsbeispiele in HTML5

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

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

Neues HTML5-Formularelement

: Das -Tag definiert eine Liste von Optionen. Verwenden Sie dieses Element in Verbindung mit einem Eingabeelement, um die möglichen Werte der Eingabe zu definieren.

: 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

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

Durch Auswahl der Feld-Tags und

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

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn