---
category: Components
subtitle: 输入框
type: 数据录入
title: Input
---

基本表单组件，当光标位于输入框时，允许用户输入或编辑文本内容的基本表单组件。可与输入框，搜索框，下拉框，日期选择器等灵活组合使用。

## 设计规范

#### 默认主题

输入框常规高度为 32px，小尺寸的高度为 24px，边框颜色#D8DAE2，填充色#FFFFFF，4px 圆角; 提示文字 12px，颜色#B1B4C5，输入颜色#3D446E；hover 状态边框颜色#1D78FF；点击状态边框颜色#005CE6；禁用状态底色#EBECF0，文字#B1B4C5；错误样式边框颜色#F96C5B；

#### 暗黑主题

输入框常规高度为 32px ,小尺寸的高度为 28px ,边框颜色 #2C3047 , 4px 圆角，提示字颜色 #666666 ,输入颜色 #BFBFBF ，宽度根据具体情况而定。

## API

|类名  |说明  |使用示例  |
|---------|---------|---------|
|.dt-form-shadow-bg  | 灰色背景,表单样式设置   | 灰色背景(仅默认主题下使用)   |
|.dt-form-light-bg  | 浅色背景上，显示深色控件   | 浅色背景(仅暗黑主题下使用)   |
|.dt-input-search-group-shadow  | 搜索带投影   | 搜索框   |
|.dt-input-search-external  | 按钮外置，用于页面中搜索为主功能时，强调搜索功能   | 搜索框   |