input输入提示历史记录
2024-08-26 17:18:03
一般便于用户的输入习惯,我们都会提示历史消息,让用户有更好的使用体验,以前可能比较多朋友会用js来实现,现在HTML5的datalist可以轻松帮我们实现这个功能!只需以下几行代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>datalist</title>
</head>
<body>
<label>城市 : </label><input id="country_name" name="country_name" type="text" list="city" />
<datalist id="city">
<option value="中国 北京">
<option value="中国 上海">
<option value="中国 广州">
<option value="中国 深圳">
<option value="中国 东莞">
</datalist>
</body>
</html>
最新文章
- 解决asp.net mvc的跨域请求问题
- Robots.txt - 禁止爬虫(转)
- JavaScript预解析1
- ubuntu下解决wireshark权限问题
- 网站屏蔽指定ip
- 写个Python练练手吧
- Objective-C中的runtime的原理和用法
- 日积月累:EditText软键盘的显示和隐藏
- 转:Android模拟器连接电脑网络
- 安装 CocoaPods &; Alcatraz
- Ubuntu 16.04系统下出现E: 无法下载 http://ppa.launchpad.net/fcitx-team/nightly/ubuntu/dists/xenial/main/binary-amd64/Packages 404 Not Found
- POJ 2065 SETI [高斯消元同余]
- Windows 2003 防火墙开启后无法访问FTP解决办法
- RESTful学习笔记
- BootLoader简介(借鉴)
- Hibernate api 之常见的类(配置类,会话工厂类,会话类)
- [性能优化] perf
- How to Get the Function Code in R
- OCP-1Z0-051-V9.02-13题 单引号的使用
- 使用Java让android手机自动执行重复重启
热门文章
- replaceState 实现返回从新定位
- Reporting Service服务SharePoint集成模式安装配置(8、配置用于SharePoint 2010的Reporting service模式)
- [Mac][转] ports命令
- 也说AOP
- Ajax 如何执行 Response.Redirect
- 1. Python2 ,Python3区别
- css3箭头
- “全栈2019”Java第三十章:数组详解(下篇)
- Ionic开发Hybrid App问题总结
- TCP的成块数据流