位置:电子教程 > 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(微信同号)