masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > HTML5中的Datalist元素标签怎么用

HTML5中的Datalist元素标签怎么用

藏色散人
Lepaskan： 2018-12-05 09:43:37
asal
5672 orang telah melayarinya



标签是 HTML 5 中的新标签，此元素在表单中用于从用户中接收数据，它可以显示供用户选择的选项。

HTML5中的Datalist元素标签怎么用

推荐学习：《HTML5教程》

下面我们就通过具体的代码示例给大家介绍。

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
    <title>Datalist元素使用示例</title>
</head>
<body>
<input name="section" list="scripts" />
<datalist id="scripts">
    <option value="PHP" />
    <option value="JavaScript" />
    <option value="java" />
    <option value="Go" />
    <option value="python" />
    <option value="c++" />
</datalist>
</body>
</html>
Salin selepas log masuk

效果如下图：

HTML5中的Datalist元素标签怎么用

它具有自动完成功能，可帮助用户在文本框中输入内容，与下拉列表框或单选按钮不同，用户可以编写任何文本而不限制由datalist给出的选项。Datalist通过输入元素列表属性绑定（或链接）。

注：

标签定义选项列表。与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。需使用 input 元素的 list 属性来绑定 datalist。

本篇文章就是关于HTML5中的Datalist元素的用法介绍，简单易懂，希望对需要的朋友有所帮助！

Atas ialah kandungan terperinci HTML5中的Datalist元素标签怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
Datalist元素
sumber：php.cn
Artikel sebelumnya：html5是什么意思 Artikel seterusnya：如何使用HTML5 canvas绘制文字
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
daripada 2024-04-06 17:40:41
0
2
410
Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...
daripada 2024-04-06 16:25:39
0
1
346
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan