WebEnh

.net7 mvc jquery bootstrap json 学习中 第一次学PHP，正在研究中。自学进行时... ... 我的博客 https://enhweb.github.io/ 不错的皮肤：darkgreentrip,iMetro_HD
随笔 - 1079, 文章 - 1, 评论 - 75, 阅读 - 174万
  首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

HTML LIST 输入框自动查询追加框,自动过滤 HTML5

Posted on   WebEnh  阅读(490)  评论(0)  编辑  收藏  举报
复制代码
 1 <!DOCTYPE HTML>
 2 <html>
 3 <body>
 4 
 5 <form action="/example/html5/demo_form.asp">
 6 网页：<input type="url" list="url_list" name="link" />
 7 <datalist id="url_list">
 8 <option label="W3School" value="http://www.w3school.com.cn" />
 9 <option label="Google" value="http://www.google.com" />
10 <option label="Microsoft" value="http://www.microsoft.com" />
11 </datalist>
12 <input type="submit" />
13 </form>
14 
15 </body>
16 </html>
复制代码

效果截图:

 

编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多