HTML5 -Instanz -Tutorial: Eigenschaften von Webformular -Tags

Autor：Eve Cole Aktualisierungszeit：2025-05-18 06:16:01

Artikeleinführung von Wulin.com (www.vevb.com): In HTML5 wird der Webformen 2.0 Standard absorbiert, und die Funktionen für Formelemente werden stark gestärkt, wodurch die Entwicklung von Formularen schneller und bequemer wird.

In HTML5 wird der Webformen 2.0 -Standard absorbiert, und die Funktionen für Formelemente werden erheblich gestärkt, wodurch die Entwicklung von Formen schneller und bequemer wird.

1.Form Attribut

In HTML5 können Sie das Formular Slave -Element überall auf der Seite schreiben und dann ein Formularattribut an das Element angeben, und der Attributwert ist die ID des Formulars, damit das Element zum angegebenen Formular gehören kann.

<form id = test> <Eingabe type = text> </form> <textarea Form = test> </textarea> 2.formaction -Eigenschaft

In HTML5 können Sie allen Einsendetasten verschiedene Formatierungsattribute hinzufügen, auf verschiedene Schaltflächen klicken und verschiedene Formulare auf verschiedene Seiten senden.

<Eingabetyp = Sendenformat = A.Php> <Eingabetyp = Sendenformat = B.Php> 3.Fomethod -Attribut

In HTML5 können Sie das Formationsattribut verwenden, um eine andere Einreichungsseite für jedes Formularelement anzugeben, und Sie können auch das Formthod -Attribut verwenden, um eine andere Einreichungsmethode für jedes Formularelement anzugeben.

<Eingabe type = Sendenformat = A.Php FormMethod = post> <Eingabetyp = Sendenformat = A.Php FormMethod = Get> 4. Placeholder -Attribut

Der Platzhalter bezieht sich auf die Reduzierung der Deckkraft der Textnachricht, wenn sich das Textfeld in einem in keiner Eingabezustand befindlichen Zustand befindet und der Cursorfokus nicht erhalten wird. Beispielsweise ist der Effekt des Netzwerkbasis -Suchfelds dieser Website.

<Eingabe type = text platzhalter = klicken Sie hier, um zu suchen> 5.Autofocus -Attribut

Gewinnen Sie den Cursor -Fokus automatisch für das Textfeld, das Auswahlfeld oder die Schaltflächensteuerung.

<Eingabetyp = Text Autofocus> 6.List -Attribut

Fügen Sie in HTML5 ein Listenattribut zu einem einzelnen Zeilentextfeld hinzu, und der Wert des Attributs ist die ID eines Datalist -Elements. Das Datalist -Element ähnelt einem Auswahlfeld. Das Element selbst wird nicht angezeigt, sondern in einer Eingabeaufforderung angezeigt, wenn das Textfeld Fokus erhält.

<Eingabe type = textlist = webjxcom> <datalist id = webjxcom style = display: none;> <option> html </option> <option> css </option> <option> javascript </option> </datalist>

Um zu vermeiden, dass Sie in Browsern, die dieses Element nicht unterstützen, fälschlicherweise angezeigt werden, stellen Sie es so ein, dass es nicht mit CSS usw. angezeigt wird.

7.AUOTComplete Attribut

Die automatische Abschlussfunktion, die für die Hilfseingabe verwendet wird, speichert die Eingangszeit und ist auch eine sehr bequeme Funktion. Für das AUOTComplete -Attribut können Sie drei Werte angeben: Ein, Aus und (nicht angeben).