Heim > Web-Frontend > HTML-Tutorial > Zusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele)

Zusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele)

不言
Freigeben: 2018-10-12 17:32:16
nach vorne
2554 Leute haben es durchsucht

Der Inhalt dieses Artikels ist eine Zusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele). Ich hoffe, dass er für Freunde hilfreich ist.

Wenn Benutzer mit der Erstellung statischer Webseiten vertraut sind, werden sie deren einzige Funktion spüren und interaktive dynamische Websites erstellen wollen. Ein in dynamischen Websites häufig verwendetes Element sind Formulare. Formulare sind ein wichtiger Bestandteil von HTML und dienen als Kommunikationsbrücke zwischen Website-Administratoren und Benutzern.

form tag--from

ist ein Doppel-Tag. Zu den im Label enthaltenen Daten gehören Formularsteuerelemente und notwendige Begleitdaten, wie z. B. Steuerelementetiketten, Skripte zur Datenverarbeitung usw. Es gibt hauptsächlich fünf grundlegende Attribute wie Formularname, Datenverarbeitung und Datenübertragungsmethode. Darunter sind die Programmverarbeitung und die Datenübertragungsmethode des Formulars.

Programmverarbeitungsattribut – Aktion

Die vom Benutzer eingegebenen Informationen müssen vom Programm verarbeitet werden Das Formular definiert die Zieldatei, an die das Formular gesendet werden soll. Nach Erhalt der Informationen wird die Zieldatei normalerweise mit einem Programm zur Verarbeitung der Daten verbunden.
Der Attributwert kann ein Programm oder die URL-Adresse eines Skripts sein

Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

##Formularnamensattribut --name
wird zur Benennung des Formulars verwendet. Es wird empfohlen, jedem Formular einen Namen zu geben, der seiner Funktion entspricht, um Verwirrung zu vermeiden, wenn Informationen zur Verarbeitung an das Hintergrundprogramm übermittelt werden.

Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

##Datenübertragungsmethode--method
definiert die Methode zum Senden von Formulardaten. Die Daten werden an die durch das Attribut „Aktion“ angegebene Seite gesendet und hauptsächlich auf der Serverseite verarbeitet. Es kann als URL-Variable (method='get') oder HTTP-Post (method='post') gesendet werden.

Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

#Eingabetyp-Steuerelement
Formularelemente werden auch als Formularsteuerelemente bezeichnet. Sie werden entsprechend der Füllmethode in Eingabetyp und Dropdown-Menütyp unterteilt. Definiert mit dem <input>-Tag.

Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
<input>

Textfeld – Text

Der häufigste Texteingabebereich, im Anmeldebereich, Diskussionsbereich usw. Als einzeiliges Textfeld auf der Seite anzeigen

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Wenn Sie möchten, dass das Textfeld schreibgeschützt ist, können Sie die Einstellung „schreibgeschützt“ verwenden

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Passwortfeld --password

Verstecken Sie den Inhalt des Eingabefelds und die eingegebenen Zeichen werden durch „*“ ersetzt

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Optionsfeld --radio

Wenn mehrere Optionen angezeigt werden und bei der Auswahl einer Option nur Optionsfelder verwendet werden. Um anzugeben, dass eine Option standardmäßig ausgewählt ist, verwenden Sie das Attribut „checked“, um sie zu definieren. Es kann nur ein Optionsfeldsatz vorhanden sein. Um es an den Handler zu übergeben, muss das Wertattribut festgelegt werden.

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Checkbox--checkbox

ist ein Optionsfeld, das mehrere Optionen auswählen kann, oder es können standardmäßig mehrere Optionen ausgewählt werden.

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Textbereich--textarea

wird hauptsächlich zur Eingabe von mehrzeiligem Text verwendet, der häufig in Nachrichten- und Kommentarbereichen verwendet wird. Zeilennummer des Textfelds „rows“, Spaltennummer des Textfelds „cols“. >

Standardschaltfläche – Schaltfläche

Zusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele)Ein gewöhnlicher kleiner grauer Block, der mit einem entsprechenden Skript verknüpft werden muss, um den „Wert“ zu verarbeiten, kann den auf der Schaltfläche anzuzeigenden Text festlegen , 'onclick' Einige Funktionen der Mausbedienung können implementiert werden.

<textarea>
</textarea>
Nach dem Login kopieren

Senden-Button und Reset-Button--

ist ein besonderer Button-Typ, der keine Parametereinstellung erfordert und auch zum Verarbeiten von Formulardaten verwendet werden kann. Im Allgemeinen werden die Schaltflächen „Senden“ und „Zurücksetzen“ gleichzeitig angezeigt.

nbsp;html>


    <meta>
    <title>表单标签</title>


Nach dem Login kopieren
    

用户注册页面

    用户名:<input>
    密    码:<input>
    确认密码:<input>
    
    你的年龄是:     <input>18岁以下     <input>19-35岁     <input>35岁以上     
    你的个人爱好:     <input>阅读     <input>写作     <input>运动     <input>游戏     <input>其他     
    自我介绍     
    
Menülistensteuerung

Dropdown-Menü

kann Seitenplatz sparen. -Tags verschachtelt sein. „ausgewählt“ gibt die ursprünglich ausgewählte Option an.

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
rrree

Der gesamte Inhalt dieses Artikels finden Sie im

HTML-Entwicklungshandbuch für PHP-Chinesisch Website zum Lernen.


Das obige ist der detaillierte Inhalt vonZusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage