用H5实现下拉框
来源:互联网 发布:麻瓜编程第一本python 编辑:程序博客网 时间:2024/06/11 05:02
可以使用HTML5 list 属性。list 属性需要应用到 input 框上,然后内容写一个自定义的 id
然后在任意位置放一对 datalist 标签,并给 datalist 框一个 id,和 list 属性指向的 id 一致即可。
在 datalist 标签下放列表项,每个列表项用 option 元标签来表示,option 标签里用 value 属性填写内容,label 属性来做提示。
下面是示例代码:
<form action="">
<input type="text" list="url_list" name="text" />
<input type="submit" />
</form>
<datalist id="url_list">
<option label="HZ赫兹工作室" value="http://weibo.com/hz421247910" />
<option label="提示1" value="列表项1" />
<option label="提示2" value="列表项2" />
<option label="" value="列表项3" />
</datalist>
阅读全文
0 0
- 用H5实现下拉框
- H5下拉框的自定义
- h5下拉
- h5用swiper做下拉刷新实例
- H5在微信公众号的下拉刷新实现
- H5基于iScroll实现下拉刷新,上拉加载更多
- H5在微信公众号的下拉刷新实现
- H5+APP开发,iOS下拉弹回特效实现CSS
- H5中写一个下拉框,点击下拉框内容会出现在文本域中
- h5学习笔记: 下拉菜单
- 用jquery实现下拉框的美化
- 用Fleaphp、JavaScript实现分页下拉框
- 用ComboBox控件实现颜色下拉框
- 用li模拟select实现下拉框
- 实现动态下拉框
- 下拉列表框实现
- 下拉框动态实现
- 下拉列表框实现
- 面试笔试相关收集整理
- linux删除乱码文件
- Android low memory killer 详解
- 手机接入gsm基站流程
- java反射机制简析
- 用H5实现下拉框
- 爱很简单
- Redis(二)
- debian9 安装php7 mysql5.6 nginx docker
- idea部署tomcat及根据数据库表生成实体类
- 关于group by 两个或以上条件的分析
- Log4j配置
- js解析JSON报错:SyntaxError: Unexpected token
- css