## 输入框
### 基本类名
`.mui-input`
> 用于输入框, input, textarea等
### 尺寸
1. 极小 [24px]
类名 `tiny`, 完整类名 `mui-input tiny`
```html
<input type="text" class="mui-input tiny">
```
2. 小 [20px]
类名 `small`, 完整类名 `mui-input small`
```html
<input type="text" class="mui-input small">
```
3. 默认 [34px]
无类名, 完整类名 `mui-input`
```html
<input type="text" class="mui-input">
```
4. 大[44px]
类名`large` 完整类名 `mui-input large`
```html
<input type="text" class="mui-input large">
```
5. 自适应[100%]
类名`fluid` 完整类名 `mui-input fluid`
```html
<input type="text" class="mui-input fluid">
```
### 样式
1. 大圆角
类名 `pill` 完整类名 `mui-input pill`
```html
<input type="text" class="mui-input pill">
```
2. 错误
类名 `error` 完整类名 `mui-input error`
```html
<input type="text" class="mui-input error">
```
3. 禁用
类名`disabled` 或者属性设置 `disabled`
```html
<input type="text" class="mui-input" disabled>
<input type="text" class="mui-input disabled">
```
4. 只读
类名`readonly` 或者属性设置 `readonly`
```html
<input type="text" class="mui-input" readonly>
<input type="text" class="mui-input readonly">
```