You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# Input 尺寸
|
|
|
|
|
|
|
|
|
|
- order: 6
|
|
|
|
|
|
|
|
|
|
我们为定义了 `.ant-input` 类的输入框提供了三种尺寸：大（-lg）、中(默认)、小（-sm），往类名添加以上后缀即可。
|
|
|
|
|
|
|
|
|
|
但是在 `<form>` 表单里面，我们只使用**大尺寸**， 即高度为 **32px**，作为唯一的尺寸。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````html
|
|
|
|
|
|
|
|
|
|
<div class="ant-inputs">
|
|
|
|
|
<div class="ant-inputs-item">
|
|
|
|
|
<input class="ant-input ant-input-lg" type="text" id="largeInput" placeholder="大尺寸"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-inputs-item">
|
|
|
|
|
<input class="ant-input" type="text" id="defaultInput" placeholder="默认尺寸"/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ant-inputs-item">
|
|
|
|
|
<input class="ant-input ant-input-sm" type="text" id="smallInput" placeholder="小尺寸"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
````
|
