在文本框里鼠标点击一下,就能弹出一个列表出来,用户可以选择列表项里的内容。然后选定的内容将会自动填写在文本框里。这一功能相当于下拉菜单(组合列表框)。
1)在文本框里添加list属性,指定datalist标记的id号。
2)在datalist标记里指定id号,并且还要指定列表内容。
<body>
<form method="post" action="buy.php">
请输入图书:<input type="text" name="name1" list="books"/><br/>
<input type="submit" value="购买"/>
</form>
<datalist id="books">
<option value="js">JavaScript高级程序设计</option>
<option value="html5">HTML5从入门到精通</option>
<option value="asp">ASP.NET从入门到精通</option>
</datalist>
</body>