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

Zusammenfassung relevanter Kenntnisse über Formulare in HTML (Codebeispiele)

不言
不言nach vorne
2018-10-12 17:32:162528Durchsuche

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


##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.


##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.


#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.


<input>

Textfeld – Text

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

<input>

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

<input>

Passwortfeld --password

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

<input>

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>

Checkbox--checkbox

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

<input>

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>

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>


    

用户注册页面

    用户名:<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>
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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:segmentfault.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen