Input 输入框

6/17/2022 表单输入框

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

# 何时使用

  • 需要用户输入表单域内容时。
  • 提供组合型输入框,带搜索的输入框,还可以进行大小选择。
import { HiInput } from 'hi-kits/input'
1

# 基本用法

<h-input placeholder="请输入内容"></h-input>
<h-input disabled placeholder="请输入内容"></h-input>

1
2
3
Expand Copy

# 密码

<h-input type="password"></h-input>
1
Expand Copy

# 数字

<h-input type="number"></h-input>
1
Expand Copy

# 只读状态

<h-input readonly value="只读状态只读状态"></h-input>
1
Expand Copy
Last Updated: 4/25/2023, 16:14:30