【day12】自动完成编辑框的使用

雪山凌狐

在火山程序中，还有一个组件，叫做自动完成编辑框，它跟普通的编辑框不太一样的地方在于，它支持输入到一定内容时弹出一个下拉列表框，你可以继续你的输入，也可以从下拉列表框中选择你最后要输入的内容而快速完成填充。

这个功能的应用场景在于：输入用户名时，如果用户名是邮箱的，通常我们仅需要用户输入邮箱前面的登录名即可，当用户输入@符号的时候，会自动弹出预设好的登录名跟后面的邮箱域名的组合。比如输入xueshanlinghu为登录名，当输入@符号时，会自动弹出下拉列表框，其中的选项有如：xueshanlinghu@qq.com，xueshanlinghu@163.com，xueshanlinghu@126.com等等。用户可以选择其中正确的那一项，即可自动填充到编辑框中去，非常的省心方便。

本例就是该做法的例程，希望对大家有所启发。

具体的看源码就懂啦，写了非常详细的注释。组件方面我把原有的用户名的编辑框去除了，换成了自动完成编辑框组件来替代，请大家知悉。

最后附上咱们的源码下载地址：

链接：https://pan.baidu.com/s/1jmK456l8ewn32-aXyM4nNg

提取码：f374

张传铭

挣个井壁吧！

dmchn

111111111111122222222222222222222222333333333333

一剑磨十年

支持支持~~~~~~