Zusammenfassung von Attributen und Funktionsanwendungen in Formularformularen

Laienhaft ausgedrückt wird das Formular-Tag für die Formularübermittlung verwendet. In diesem Artikel geht es um die Einführung von Formularattributen und Formularfunktionen. Im Folgenden finden Sie eine detaillierte Einführung in seine spezifische Verwendung anhand von Beispielen.

Einführung in Formularattribute

1 Detaillierte Erläuterung des Methodenattributs im Formular-Tag

Durchsuchen Der Prozessor verwendet die durch das Methodenattribut festgelegte Methode, um die Daten im Formular zur Verarbeitung an den Server zu übertragen. Es gibt zwei Methoden: POST-Methode und GET-Methode.

2. Beschriftung im Formular

Meine Freunde, als Sie die verschiedenen Steuerelemente des Formulars kennengelernt haben, haben Sie in diesem Artikel ein Etikett gefunden seine Rolle offenbaren.

Das Label-Label bietet dem Benutzer keine besonderen Effekte. Seine Funktion besteht darin, die Benutzerfreundlichkeit für Mausbenutzer zu verbessern. Wenn Sie auf den Text innerhalb der Beschriftung klicken, wird die sekundäre Steuerung ausgelöst.

Das heißt, wenn der Benutzer klickt, um das Etikett auszuwählen, konzentriert sich der Browser automatisch auf das Formularsteuerelement, das sich auf das Etikett bezieht.

3. Detaillierte Erläuterung der Parameter und Attribute des Formulars in HTML

neu: neues Attribut in HTML5. Wie unten gezeigt

4. Detaillierte Einführung aller Typen in HTML5-Form

Schaltfläche: Anklickbare Schaltflächen definieren ( Wird normalerweise mit JavaScript verwendet um Skripte zu starten)

Kontrollkästchen: Definieren Sie das Kontrollkästchen

Farbe: Definieren Sie den Farbwähler

5. Detaillierte Erläuterung der neuen HTML5-Formularattribute

Die vollständigsten Formularattribute können durch Abfrage der Formularattribute w3cschool-h5 erhalten werden. Hier erklären wir nur die allgemeinen Attribute.

Autovervollständigung (automatische Vervollständigung): Kann Benutzereingaben aufzeichnen und Eingabeaufforderungen geben, dies ist die Rolle der Autovervollständigung

6 Beispiel für ein HTML5-Formularattribut-Tutorial

Neue Attribute:

autocomplete
novalidate

Neue Attribute:

autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step

Einführung in die Formularfunktion

1. Basierend auf HTML zur Implementierung der Formularübermittlung ohne Aktualisierung der Seite

Die Verwendung von Ajax zur Implementierung der Formularübermittlung ohne Aktualisierung der Seite wird häufig verwendet bei Projekten. Vor einiger Zeit habe ich von meinem Master mehrere andere Methoden zum Senden von Formularen ohne Aktualisierung gelernt, die hauptsächlich auf dem Iframe-Framework basieren. Jetzt hat der Herausgeber die Skript-Home-Plattform als Referenz zusammengestellt und freigegeben. Die Verwendung von Ajax zum Senden von Formularübermittlungen ohne Aktualisierung der Seite wird häufig in Projekten verwendet. Vor einiger Zeit habe ich von meinem Meister mehrere andere Methoden zum Senden von Formularen ohne Aktualisierung gelernt, hauptsächlich basierend auf dem Iframe-Framework

2 HTML5/CSS3-Beispielcode-Sharing, um eine schöne Schritt-für-Schritt-Anleitung zu implementieren Registrierungs- und Anmeldeformular

Es gibt jetzt viele Schritt-für-Schritt-Anmelde- und Registrierungsformulare, hauptsächlich um die Benutzererfahrung zu verbessern. Benutzer können die entsprechenden Formularinformationen selektiv ausfüllen, sodass Benutzer dies nicht tun Ich werde entmutigt, wenn ich eine Menge Formulare sehe. Was ich heute mit Ihnen teile, ist ein Schritt-für-Schritt-Registrierungs- und Anmeldeformular auf Basis von HTML5 und CSS3. Es sieht natürlich sehr schön aus. Sie werden es schon wissen, wenn Sie sich die DEMO ansehen

3 Analyse der neuen Formularfunktionen von HTML 5

Das Rad von Die Zeit vergeht, das Front-End Der Weg endet nie Für diese Front-End-Technologie, die multispezialisiert ist, müssen wir sie für jede technologische Innovation, wie diese schöne Blume im Web, zum ersten Mal verstehen und lernen Welt --- HTML 5. Obwohl viele Leute (einschließlich mir) bei der Veröffentlichung von HTML 5 das Gefühl hatten, dass seine Popularität noch in weiter Ferne liegt, haben seit seiner Veröffentlichung viele Websites auf Unternehmensebene versucht, es anzuwenden (z. B. Anwendungen usw.). Als Canvas-Anwendungen hat die Entwicklung von HTML 5 einen großen Schritt nach vorne gemacht, und die Veröffentlichung von IE9 hat uns zweifellos gezeigt, dass HTML 5 nicht mehr weit von uns entfernt ist.

4 von direkt eingebetteten Formularen in HTML

Die zurückgegebene Sprungseite kann direkt einer Variablen auf der Seite zugewiesen werden (z. B. gibt die Ajax-Einstellung das Format HTML zurück), was sich sehr gut für die Anzeige komplexer Logik eignet

5 und HTML5 Detailliertes Beispiel für die Implementierung der Formularüberprüfungsfunktion

In diesem Artikel wird hauptsächlich die Verwendung der HTML5- und CSS3-Formularüberprüfungsfunktion vorgestellt

Clientseitige Überprüfung Ein Web-Client-Programm. Eine der am häufigsten verwendeten Funktionen. Wir haben zuvor verschiedene JS-Bibliotheken zur Formularvalidierung verwendet. HTML5 stellt uns eigentlich bereits die Formularvalidierungsfunktion zur Verfügung. Warum es nicht populär geworden ist, liegt wahrscheinlich an Kompatibilitätsproblemen und der Stil ist zu hässlich

Fragen und Antworten zu Formularelementen:

Javascript – Nach der Verwendung von Ajax zum Senden von Daten funktioniert das Senden des Seitenformulars nicht.

Javascript – AngularJS-Anleitung zur benutzerdefinierten Formularvalidierung ist ungültig

【Verwandte Empfehlungen】

1.

php.cn Original-HTML5-Video-Tutorial

2.

Die Bedeutung von HTML und eine Zusammenfassung der Verwendung von Formularelementen

Formularelemente : Holen Sie sich die umfassendste Auswahl an HTML-Formularelementen und eine Zusammenfassung der Verwendung

Das obige ist der detaillierte Inhalt vonZusammenfassung von Attributen und Funktionsanwendungen in Formularformularen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!