Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeutet Datenliste von HTML5?

Was bedeutet Datenliste von HTML5?

WBOY
Freigeben: 2021-12-21 10:02:09
Original
2718 Leute haben es durchsucht

Die Datenliste von

HTML5 bedeutet „Optionsliste“. Das Tag „Datenliste“ wird verwendet, um die mögliche Optionsliste des Eingabeelements anzugeben. Als vordefinierter Wert des Eingabeelements lautet die Syntax „

Was bedeutet Datenliste von HTML5?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Was bedeutet die Datenliste von HTML5?

Das Datenlisten-Tag in HTML5 gibt eine Liste möglicher Optionen für das -Element an.

-Tag wird verwendet, um „Autovervollständigungsfunktionen“ für -Elemente bereitzustellen. Dem Benutzer wird eine Dropdown-Liste mit vordefinierten Optionen angezeigt, die als Eingabedaten des Benutzers dienen.

Bitte verwenden Sie das Listenattribut des -Elements, um das -Element zu binden. Die Datenliste und ihre Optionen werden nicht angezeigt, es handelt sich lediglich um eine Liste gültiger Eingabewerte.

Das Beispiel sieht wie folgt aus:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>
<p><strong>注意:</strong> Internet Explorer 9(更早 IE 版本),Safari 不支持 datalist 标签。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet Datenliste von HTML5?

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Datenliste von HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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