编辑导语：在设计的工作内容中，数据输入占据很大的比重。本文作者结合真实场景下，以实际需要找合适的控件匹配方案。通过实际的操作和分析，为我们总结了数据录入控件应该如何应用。

数据输入在本职的日常工作设计系统是出现频次**的元素，常态化的信息录入方式，犹如吃饭拿筷子，那么的得心应手。

概述：就是将需要的符合规则的数据填空（方式有多种：手动录入、上传、选择等）进入对应的控件，提交后得到一个反馈结果。那么数据输入的过程就算是结束了。

数据输入方式有很多种：

• 基本形式：最最常用的是输入框（input）、下拉选择框（select）、日期选择器（date），以及搭配的单选（radio）和多选（checkbox）。
• 自定义形式：单一不能完全满足实际操作应用，大多情况下会将呈现组合型使用。输入框+选择框、输入框+日期选择器、

基础样式就是标题+输入框：

自定义样式：是在基础样式的基础之上，根据业务需要、场景要求，衍生出其他类多种样式形态（必填/非必填、短/长文本、关键字匹配选项）。

设计样式不单一，依然是从真实的产品设计业务出发，清楚使用群体的特征，考虑多种场景，更多可能性的设计，来选择符合要求的数据输入控件，满足使用者动态的操作。

比如说搜索框，基本样式满足主流群体的使用，对于“骨灰级”专家的用户，会有相对应的高级检索模式。

设计原则：表意清晰，注释要简洁。

依然是遵循基本的界面设计原则，在web端以左右布局（左标题有控件），优先级、操作形式的划分，其次从业务场景的需要去考虑主流的用户的惯用操作行为，先手动输入后选择的方式，排列输入控件的先后顺序，目的也是帮助用户快速检索所需内容。

一、需要用户自己手动输入的