Heim > Web-Frontend > H5-Tutorial > Hauptteil

Formularattribute in HTML5

黄舟
Freigeben: 2016-12-22 15:14:40
Original
1450 Leute haben es durchsucht

In diesem Kapitel werden die neuen Formularattribute von HTML 5 vorgestellt.

Neue Formularattribute: Autovervollständigung, Novavalidierung.

Neue Eingabeattribute: Autovervollständigung, Autofokus, Formular, Formularüberschreibungen (Formaction, Formenctype, Formmethod, Formnovalidate, Formtarget), Höhe und Breite, Liste, Min., Max. und Schritt, Vielfaches, Muster (Regexp), Platzhalter , erforderlich.

Browser unterstützt

Formularattribute in HTML5

Autovervollständigungsattribut

Das Autovervollständigungsattribut gibt an, dass das Formular oder Eingabefeld über eine Autovervollständigungsfunktion verfügen soll.

Beispiel:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get" autocomplete="on">
  First name:
  <input type="text" name="fname" />
  <br />
  Last name:
  <input type="text" name="lname" />
  <br />
  E-mail:
  <input type="email" name="email" autocomplete="off" />
  <br />
  <input type="submit" />
</form>
<p>请填写并提交此表单,然后重载页面,来查看自动完成功能是如何工作的。</p>
<p>请注意,表单的自动完成功能是打开的,而e-mail 域是关闭的。</p>
</body>
</html>
Nach dem Login kopieren

Hinweis: In einigen Browsern müssen Sie möglicherweise die automatische Vervollständigung aktivieren, damit dieses Attribut wirksam wird.


Autofokus-Attribut

Das Autofokus-Attribut gibt an, dass das Feld beim Laden der Seite automatisch den Fokus erhält.

Hinweis: Das Autofokus-Attribut gilt für alle

Zum Beispiel:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get">  User name:
  <input type="text" name="user_name" autofocus />
  <input type="submit" />
</form>
</body>
</html>
Nach dem Login kopieren

Formularattribut

Das Formularattribut gibt ein oder mehrere Formulare an, zu denen das Eingabefeld gehört.

Hinweis: Das Formularattribut gilt für alle

Das Formularattribut muss auf die ID des Formulars verweisen, zu dem es gehört. Zum Beispiel:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get" id="user_form">
  First name:
  <input type="text" name="fname" />
  <input type="submit" />
</form>
<p>下面的输入域在form 元素之外,但仍然是表单的一部分。</p>
Last name:
<input type="text" name="lname" form="user_form" />
</body>
</html>
Nach dem Login kopieren

Das Obige ist der Inhalt der Formularattribute in HTML5. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Verwandte Etiketten:
Quelle:php.cn
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