select框既可以手输入也可以选择

最新推荐文章于 2024-05-21 16:24:56 发布

徒步@天涯

最新推荐文章于 2024-05-21 16:24:56 发布

阅读量1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/bobocqu/article/details/109276024

版权

前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

可以用H5新特性来完成这个功能

用datalist标签来给输入框提供一个选择（但是该属性不兼容IE9，只兼容到ie10及ie10+）；

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>list属性示例</title>
 </head>
 <body>
   text: <input type="text" name="greeting" list="greetings">
   <!-- 使用style="display:none;"将datalist元素设定为不显示 -->
   <datalist id="greetings" style="display:none;">
     <option value="Zhang Shan">Zhang Shan</option>
     <option value="Li Si">Li Si</option>
     <option value="Wang LaoWu">Wang LaoWu</option>
   </datalist>
 </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

徒步@天涯

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
select框既可以手输入也可以选择

可以用H5新特性来完成这个功能用datalist标签来给输入框提供一个选择（但是该属性不兼容IE9，只兼容到ie10及ie10+）；<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>list属性示例</title> </head> <body> text: <input type="text" nam..
复制链接

扫一扫