vc 文本框 只显示下划线_【Axure9百例】36.文本框搜索自动匹配

“ 根据输入的内容自动显示匹配内容列表。”

这是《Axure9百例》系列第36篇

在文本框搜索时，自动匹配搜索的内容，并以列表的形式显示在文本输入框的下方，选中一项后当前选中内容回填到文本输入框中。

01

—

界面布局

界面由一个文本输入框(名称search_text)和一个中继器元件(名称file_list)组成，中继器用来显示匹配结果数据，界面比较简单，主要是演示一下文本输入框的输入处理和中继器的筛选功能。界面如下：

1、文本框的提示文本内容设置为“搜索文档、正文内容、团队或用户名”，且在获得焦点时会自动清除提示内容。

2、中继器预设了5条数据，表示的是文件列表。

中继器的每一项同一个图标和一个矩形框组成，矩形框架添加了默认的阴影效果，这样让整体看起来会有个阴影。矩形框文本设置为左对齐，并且左边距设置为60，空出的位置用来放一个图标。