博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
datalist标签 输入框候选
阅读量:5150 次
发布时间:2019-06-13

本文共 351 字,大约阅读时间需要 1 分钟。

H5的datalist标签,可以给input输入框提供下拉选择列表,或输入提示功能.

写如下的datalist标签

<datalist id="car">

  <option>奔驰<option>

  <option>宝马<option>

  <option>夏利<option>

  <option>捷达<option>

</datalist>

在input标签里加入list属性,将datalist的id赋值给input的list属性

<input type="text" list="car" />

 

在输入框里就可以点击下拉箭头出现候选列表了,也可以直接在输入框里输入,标签会帮你搜索匹配的值.

转载于:https://www.cnblogs.com/jinshuo/p/6479627.html

你可能感兴趣的文章
C语言错误: HEAP CORRUPTION DETECTED
查看>>
bzoj1102 [POI2007]山峰和山谷Grz
查看>>
【Java基础】Java类的加载和对象创建流程的详细分析
查看>>
2018-2019-1 20165231《信息安全系统设计基础》第二周学习总结
查看>>
iOS之文本属性Attributes的使用
查看>>
从.Net版本演变看String和StringBuilder性能之争
查看>>
Android编程获取网络连接状态(3G/Wifi)及调用网络配置界面
查看>>
Excel操作 Microsoft.Office.Interop.Excel.dll的使用
查看>>
XlFileFormat
查看>>
Windows消息机制(转)1
查看>>
大话设计模式-职责链模式
查看>>
解决Ubuntu下博通网卡驱动问题
查看>>
Oracle中的instead of触发器
查看>>
【翻译】7个ASP.NET MVC最佳实践
查看>>
EF Core 2.1变化
查看>>
转:C++ Applications
查看>>
win7 64位机ODBC的数据源DSN添加和移除问题
查看>>
一个不错的逻辑回归的实例
查看>>
Python第一天
查看>>
css position
查看>>