## 輸入框 ### 基本類名 `.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"> ```