搜索框

基于 输入框 实现的搜索框组件。

示例

简单用法

圆形外观

将搜索图标放在后面

禁用

选项

名称	类型	默认值	说明
id	string	null	输入框 ID。
name	string	null	输入框上的 name 属性，通常用于表单中。
className	stringarrayobject	null	CSS 类名。
rootClass	stringarrayobject	null	根元素 CSS 类名。
rootStyle	object	null	根元素样式。
circle	boolean	null	启用圆形外观。
style	object	null	输入框样式。
delay	number	null	触发 onChange 事件的延时，单位毫秒，默认 500。
defaultValue	string	null	输入框的默认值。
placeholder	string	null	输入框的没有值时的占位文本。
disabled	boolean	null	是否禁用。
readonly	boolean	null	是否只读。
clearIcon	booleanstring	null	是否显示清除按钮图标，或者指定另外的图标。
searchIcon	booleanstring	null	是否显示搜索按钮图标，或者指定另外的图标。
mergeIcon	booleanstring	null	是否将搜索图标放在后面，与清除按钮合并显示。
onChange	(value: string, event: Event) => void	null	搜索框值发生变更时的回调函数。
onClear	(event: MouseEvent) => void	null	点击清除按钮时的回调函数。
onFocus	(event: FocusEvent) => void	null	输入框被激活时的回调函数。
onBlur	(event: FocusEvent) => void	null	输入框失去焦点时的回调函数。