搜索框组件为访客提供站点的搜索功能，可以快速的搜索到页面，文章，产品，案例等数据内容。

点击查看”示例和视频操作” >>

1，如何插入设计组件

只需从左侧的组件控制面板【常规组件】中 ，选中搜索框组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示

2，内容选项卡

2.1，搜索框 -内容模块  这里可以设置搜索框的样式，默认提示音，按钮类型，高度宽度等，请参考下图或视频操作

展示样式是“典型类型”的搜索框设置，具体请参考下图设置或视频操作。

展示样式是“简洁类型”的搜索框设置，具体请参考下图设置或视频操作。

展示样式是“弹出全屏”的搜索框设置，具体请参考下图设置或视频操作。

点击搜索图标后弹出框，显示如下

3，样式选项卡

3.1，输入框-样式模块，此处设置文本颜色，背景色，边框圆角等。具体请参考下图设置或视频操作。

3.2，输入框-样式模块，此处设置文本颜色，背景色，边框圆角等。具体请参考下图设置或视频操作。

恭喜你已完成当前组件的学习，感谢阅读。