移动端表单组件（一）

UI设计中表单是一个十分常见的组件，今天主要认识文本框：输入框Input，在输入框这个基础之下又有普通输入框Input、数字输入框NumberInput、标签输入框TagInput、密码输入框PasswordInput。

文本框通常用来搜集一些数据信息，帮助用户更好地与应用程序进行交互。输入框的区域通常会包含一些其他的元素、例如提示文本placeholder或操作图标.

输入框｜Input

用户可以在文本框输入或者编辑文字。最基本的输入是单行输入，单行输入框适合收集一些简短的信息，例如用户姓名、职业、电话等。如果用户需要输入较长的文本，就需要多行文本框。

标签输入框｜TagInput

标签主要是在内容上提取关键词，有利于将相关性强的文章聚合到一起，方便用户阅读。因此，标签输入框在内容发布的平台上是一个常见的组件。

移动端和Web端因为屏幕尺寸的不同，操作的方式也略有区别。以哔哩哔哩的专栏发布流程为例，在标签输入的时候，输入完成的标签自动在输入框下面展示。

数字输入框｜NumberInput

数字输入框是只能输入数字的输入框，因此默认唤醒数字键盘。在TD design的前端框架中数字输入框有很多种展示的方式。

密码输入框｜PasswordInput

密码输入框主要在输入密码、验证码等场景下使用。密码输入框包括了密码的文字提示和错误提示、密码的最大长度、是否显示光标、输入框是否聚焦、是否隐藏内容。