datalist标签【HTML5新增】
标签定义选项列表,请与input元素配合使用该元素,与下拉菜单很像,但更加灵活,输入一个字,就有提示。 语法:<datalist></datalist> 用法: <input type="text" name="" list="dinner"> <datalist id="dinner"> <option>红烧肉</option> <option>红烧排骨</option> <option>水煮肉片</option> <option>水煮鱼</option> </datalist>
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" name="" list="dinner">
<datalist id="dinner">
<option>红烧肉</option>
<option>红烧排骨</option>
<option>水煮肉片</option>
<option>水煮鱼</option>
</datalist>
</body>
</html>
效果如下: