Heim >Web-Frontend >HTML-Tutorial >Fassen Sie einige Verwendungsmöglichkeiten von HTML-Formularen zusammen

Fassen Sie einige Verwendungsmöglichkeiten von HTML-Formularen zusammen

零下一度
零下一度Original
2017-06-25 09:46:121553Durchsuche

HTML-Formular-Tag-Zusammenfassung

    最近研究 form标签,有一些小心得写下来与大家分享分享,共勉。在小结的最后有一个form表单的小例子,可以作为参考。                                                    -----DanlV


form是HTML的一个极为重要的功能标签之一。


Eingabefeldeingabe

  • Das Eingabetypattribut hat die folgenden Attributwerte:
    1.Schaltfläche (weitere Details unten)
    2.Datei wird für die Dateiauswahl verwendet
    3.verstecktes verstecktes Feld, das versteckte Operationen realisieren kann
    4.Text wird für die Texteingabe verwendet
    5.Passwort wird für die Passworteingabe verwendet
    6.Radio-Optionsfelder, diejenigen mit demselben Namensattribut sind eine Gruppe
    7.Kontrollkästchen-Mehrfachauswahlschaltflächen , diejenigen mit demselben Namensattribut sind eine Gruppe
    8.Schaltfläche zum Senden des Bildbildformulars
    9.Schaltfläche zum Zurücksetzen des Formulars zurücksetzen
    10.Schaltfläche zum Senden des Formulars

  • alt-Attribut, definiert, wenn die Schaltfläche ein Bild ist, der Alternativtext des Bildes

  • src-Attribut definiert, wenn die Schaltfläche ein Bild ist, die Linkadresse des Bildes

  • geprüftes Attribut, definieren Sie den Wert der Standardoption <input type="radio" name="" checked>geprüft als wahr oder falsch, oder Sie können ihn direkt als geprüft schreiben

  • Attribut „disabled“ zum Deaktivieren des aktuellen Eingabefelds (Verwendung wie „checked“)

  • readonly-Attribut, schreibgeschützt für das aktuelle Eingabefeld, die eigentliche Funktion ist die gleiche wie „disabled“, wird jedoch angezeigt Wirkung ist unterschiedlich (Verwendung ist wie aktiviert)

  • maxlength-Attribut, definiert Die maximale Länge der Eingabefeldzeichen

  • Name-Attribut, definiert den Namen des aktuellen Eingabefeldes

  • Wertattribut, definiert den Standardwert des aktuellen Eingabefeldes


Texteingabebereich Textbereich

  • rows-Attribut, gibt die Anzahl der sichtbaren Zeilen an

  • cols-Attribut, gibt die Anzahl der sichtbaren Spalten an

  • deaktiviertes Attribut, deaktiviert den aktuellen Texteingabebereich

  • Namensattribut, aktueller Text Der Name des Bereichs

  • readonly-Attribut, der aktuelle Textbereich ist schreibgeschützt


Schaltfläche Schaltfläche

  • Es gibt drei Typtypen:
    1.type="button" normale Funktionsschaltfläche
    2.type="submit" Formular-Funktionsschaltfläche senden
    3.type="reset" Legen Sie die formularfunktionsbezogene Attributschaltfläche fest

  • Disabled-Attribut zum Deaktivieren dieser Schaltfläche

  • Namensattribut, der Name der Schaltfläche

  • Wertattribut, der Standardwert des Textinhalts, der auf der Schaltfläche angezeigt wird


Down-Menü auswählen

  • Zugehörige Attribute:
    1.deaktiviert Attribut, deaktivieren Sie das Menü
    2.Multiple-Attribut, das festlegt, dass mehrere Elemente gleichzeitig ausgewählt werden können
    3.Name-Attribut, der Name der Dropdown-Liste
    4.Size-Attribut, in das Menü Die Anzahl der sichtbaren Elemente

  • <optgroup>标签, definiert die Optionsgruppierung der Dropdown-Liste, die Attribute sind:
    5.label-Attribut, definiert die Beschriftung ( Name) der Optionsgruppe, erforderliche Attribute
    6.disabled-Attribut, deaktivieren Sie das Attribut

  • <optinon>, definieren Sie die Optionen in der Dropdown-Liste (dieses Tag befindet sich in das <optgroup>-Tag), das Attribut lautet:
    1

  • Um die Eingabe benutzerfreundlicher zu gestalten und das Benutzererlebnis zu verbessern, wird der Cursor automatisch auf die Eingabeposition fokussiert. Verwenden Sie diese Beschriftung. Es gibt zwei Möglichkeiten, es zu verwenden:

<label>

Diese Methode verwendet das for-Attribut von label und der Wert gibt den Namen des Eingabebereichs an

  • <label for="user"></label> <inpu t type="text" name="user">Fügen Sie die Eingabe direkt in das Etikett ein. Es ist nicht erforderlich, das for-Attribut zu verwenden, was empfohlen wird.

    ---
  • Gruppenfeldsatz verwandter Elemente im Formular

    <label > <input type="text" name="user"></label>

    Gruppieren Sie verwandte Elemente im Formular. Verwenden Sie das Tag

    , um den Gruppentitel zu definieren . Relevante Beispiele finden Sie im letzten Code.

    Codebeispiel

<legend>

Das obige ist der detaillierte Inhalt vonFassen Sie einige Verwendungsmöglichkeiten von HTML-Formularen zusammen. 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