位置:电子教程 > HTML5入门电子教程 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > input list 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: input height 和 width 属性 下一篇: input min 和 max 属性

list 属性规定输入域的 datalistdatalist 是输入域的选项列表。

示例

小白教程网www.2d5.net

在 <datalist>中预定义 <input> 值

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

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>input list 属性</title>

</head>

<body>

    

     <form action="a.php" 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>

效果如图9-13

image.png


上一篇: input height 和 width 属性 下一篇: input min 和 max 属性
QQ交流群:147415688             广告联系QQ:45157718(微信同号)