跳到主要内容

Input 输入框

通过鼠标或键盘输入内容,是最基础的表单域的包装。

何时使用

  • 需要用户输入表单域内容时。
  • 提供组合型输入框,带搜索的输入框,还可以进行大小选择。

代码示例

基本使用

禁用状态

数字输入框

不同状态的输入框

带标签的输入框

API

参数说明类型默认值
addonBefore带标签的输入框,设置后置标签string|ReactNode-
addonAfter带标签的输入框,设置后置标签string|ReactNode-
autoFocus自动获取焦点booleanfalse
defaultValue输入框默认内容string-
disabled禁用booleanfalse
state输入框状态,可选值为 success warning errorstring-
type输入框类型,可选值为 text numberstringtext