手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html5利用datalist标签定义选项列表

时间:2024-10-12 01:58:09

1、我们新建一个html5网页文件,把他命名为test.html,接下来我们用test.html文件来讲解html5利用datalist标签定义选项列表。

html5利用datalist标签定义选项列表

2、在test.html文件内,需要创建一个文本框,<input id="myCar" list="cars" />

html5利用datalist标签定义选项列表

3、在文本框的下面加上datalist标签,以下代码。<datalist id=争犸禀淫"cars"><option value="BMW媪青怍牙"><option value="Ford"><option value="Volvo"></datalist>

html5利用datalist标签定义选项列表

4、在浏览器浏览一下test.html,来看看效果能否实现。

html5利用datalist标签定义选项列表
© 手抄报圈