文本框输入邮箱自动联想补全
文本框输入邮箱自动联想补全
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title></title> </head> <body> <input type="text" list="input_list" name="text" placeholder="请输入邮箱"/> <datalist id="input_list"></datalist> </body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript"> function inputList(input,list){ var mailBox = [ "@qq.com", "@sina.com", "@163.com", "@126.com", "@yahoo.com.cn", "@gmail.com", "@sohu.com" ]; input.bind('input propertychange', function() { var key = input.val(); if(key.indexOf("@") != -1){ key = key.slice(0,key.indexOf("@")); } var mailBoxLen = mailBox.length; var html = ""; for(var i=0; i<mailBoxLen; i++){ html += '<option value="'+ key + mailBox[i] +'"></option>'; } list.html(html); }); } inputList($("input"),$("#input_list")); </script> </html>
作者：熊哥club
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明。文章部分内容来源网络，如有版权问题，请留言告知，博主会尽快删除.
微信扫描下方二维码关注【熊哥club】,回复1024获取程序员必备IT电子书，回复java获取全套学习资源
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？