HTML 中使用 datalist 标签给输入框添加下拉框选项
HTML CSS 大约 598 字图片展示
代码实现
最主要是datalist
标签和input
的list
属性。
<input placeholder="搜索..." type="search" autocomplete="off" list="custom-datalist">
<datalist id="custom-datalist">
<option value="IDEA">PhpStorm/WebStorm/PyCharm</option>
<option value="Java">Spring Boot</option>
<option value="OpenResty">Lua</option>
<option value="PostgreSQL">pgadmin</option>
<option value="小程序">
</datalist>
去除箭头
去除input
输入框上的下拉箭头。
/*移除datalist下拉箭头*/
input::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
阅读 3049 · 发布于 2020-03-15
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Windows 安装包管理器 choco阅读 248
-
为什么匿名内部类引用外部局部变量不用加 final 也不报错阅读 149
-
JavaScript 对象阅读 673
-
Java Websocket 获取客户端 IP 地址阅读 3846
-
Java 并发编程之 AtomicStampedReference阅读 728
-
Windows10 访问网页提示找不到服务器 IP 地址阅读 9123
-
Docker 镜像相关命令阅读 206
-
Linux 使用 dstat 性能监测阅读 1367
-
软考-系统架构设计师:云计算阅读 937
-
PostgreSQL增删改使用 returning 获取记录相关属性阅读 1549