响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-7 datalist

发布时间：2024年01月21日

代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>datalist</title>
</head>

<body>
<input id="address" list="addressList">
<datalist id="addressList">
  <option value="北京"></option>
  <option value="上海"></option>
  <option value="深圳"></option>
</datalist>
</body>
</html>

上述代码中，
第9行代码定义id值为address,list属性为addressList的input元素；
第10~14行代码定义id值为addressList的datalist元素，使得该元素与input元素绑定到一起。

运行效果

在这里插入图片描述
< datalist >标签用于定义输入域的选项列表，痛过id属性与< input >标签关联，用来配合定义< input >标签可能的值。列表通过< datalist >标签嵌套< option >标签来创建。

文章来源:https://blog.csdn.net/m0_73657966/article/details/135735636
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章