Loading... 在火山程序中，还有一个组件，叫做自动完成编辑框，它跟普通的编辑框不太一样的地方在于，它支持输入到一定内容时弹出一个下拉列表框，你可以继续你的输入，也可以从下拉列表框中选择你最后要输入的内容而快速完成填充。 这个功能的应用场景在于：输入用户名时，如果用户名是邮箱的，通常我们仅需要用户输入邮箱前面的登录名即可，当用户输入 `@` 符号的时候，会自动弹出预设好的登录名跟后面的邮箱域名的组合。比如输入 `xueshanlinghu` 为登录名，当输入 `@` 符号时，会自动弹出下拉列表框，其中的选项有如：[xueshanlinghu@qq.com](mailto:xueshanlinghu@qq.com)，[xueshanlinghu@163.com](mailto:xueshanlinghu@163.com)，[xueshanlinghu@126.com](mailto:xueshanlinghu@126.com) 等等。用户可以选择其中正确的那一项，即可自动填充到编辑框中去，非常的省心方便。 本例就是该做法的例程，希望对大家有所启发。 具体的看源码就懂啦，写了非常详细的注释。组件方面我把原有的用户名的编辑框去除了，换成了自动完成编辑框组件来替代，请大家知悉。 最后附上咱们的源码下载地址： <div class="hideContent">该部分仅登录用户可见</div> 最后修改：2021 年 08 月 17 日 © 允许规范转载 赞 赠人玫瑰，手留余香
