位置：电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程：HTML5入门电子教程 > HTML5 <datalist> 元素
阅读(22555525)      收藏       赞(5685)      分享
上一篇： HTML5 表单元素 下一篇： HTML5 <keygen> 元素

<datalist> 元素规定输入域的选项列表。

<datalist> 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：

使用 <input> 元素的列表属性与 <datalist> 元素绑定.

下面我们来看下在网页中的效果，示例

小白教程网www.2d5.net

代码如下：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML5 datalist元素</title>

</head>

<body>

    

     <form action="" method="get">

     <input list="browsers" name="browser">

     <datalist id="browsers">

       <option value="Internet Explorer">

       <option value="Firefox">

       <option value="Chrome">

       <option value="Opera">

       <option value="Safari">

     </datalist>

     <input type="submit">

     </form>

 

     <p><strong>注意:</strong> Internet Explorer 9（更早 IE 版本），Safari 不支持 datalist 标签。</p>

 

</body>

</html>

效果如图8-7和图8-8

image.png
上一篇： HTML5 表单元素 下一篇： HTML5 <keygen> 元素
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ：45157718(微信同号)（备注：毕设）