加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
网页编辑器
MooKwai特色块搜索框

搜索框

搜索(Search)在网站中插入搜索输入框搜索网站内容。

文章目录

特色

可设置显示搜索按钮、图标。

配置选项

全局样式

Select 区块对应的全局块样式。

占位符

String 输入框中默认的提示文字内容。

自动补全

Boolean 输入关键词后是否提供输入建议。

显示图标

Boolean 在输入框前显示搜索图标。

图标

Select 选择图标库中的图标。

显示按钮

Boolean 显示提交按钮。

按钮类型

Select 按钮显示为文字或图标形式。

按钮文本

String 按钮中的文本内容。

按钮图标

Boolean 选择图标库中的图标。

元素

<form class="mk-search">
  <div class="el-wrapper">
    <span class="search-icon">...</span>
    <input class="search-input" />
    <button class="search-button">...</button>
  </div>
</form>
  • 主容器 .mk-search
  • 搜索组 .el-wrapper
  • 搜索图标 .search-icon
  • 输入框 .search-input
  • 搜索按钮 .search-button

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧