Search

概述

Search搜索输入组件，继承自Input，底层input type固定为search，默认显示search前缀图标和Search占位文案，输入内容后右侧会出现一键清除按钮，常用于列表过滤、关键字检索等场景。

示例

声明一个搜索字段只需要指定widget: 'search'：

const form = document.querySelector('#form');
form.state = {
    keyword: configurable('', {
        label: '关键字',
        widget: 'search',
    }),
};

loading

指南

清除按钮

search类型自带清除行为：输入内容后右侧显示清除按钮，点击即可清空，无需额外配置clearable：

form.state = {
    keyword: configurable('', {
        label: '关键字',
        widget: 'search',
        placeholder: '输入要搜索的内容',
    }),
};

属性

继承Input全部属性，无自有属性。

注意事项

• 组件默认icon: 'search'、placeholder: 'Search'，可通过icon/placeholder覆盖。
• 完整属性见Input；更多底层行为参考MDN input/search。