对输入框的一些认识

定义

　　在输入框中单击鼠标会出现插入点光标，我们可以直接在输入框中输入文字或文本信息。

形式

　　出现的形式分三种，一种是空白的，需要用户输入的；一种是有默认的，也可以进行更改输入的；还有一种就是带提示的。

空白输入框 带提示的输入框 默认文本信息的输入框

状态

　　分为填写状态和反馈状态，状态的表现有很多种，常用的举例如下：

输入框填写时边框变成蓝色输入框填写时底色由白色变为橙色 填写时输入框底色变成橙色 输入框填写时出现列表提示 输入框反馈时框变成红色，框外有红色提示字样

用途

　　用于搜集用户信息。

类型

　　输入框根据属性可以分为以下几种类型：

１文本框

　　文本输入框又可以分为单行文本输入框和多行文本输入框。单行文本输入框有单行的文本域／密码域／手机和电子邮箱。单行文本输入框有长度限制，密码又有大小写和文字数字之分，而手机和电子邮箱有有效和无效之分。多行文本输入框有长度和高度两个限制，还有默认高度和最大高度以及超过最大高度出现垂直滚动条，还有在页面占位的实际高度。

单行的文本输入框 密码输入框 手机输入框 邮箱输入框 多行文本输入框

２.单选框

　　多个单选框可以组成一组，在这一组当中，只能有一个被选中。

单选框１ 单选框２

３.多选框

　　多选框就是在一组当中可以有多个选择

多选框 QQ标签的多选框

４.下拉列表框

　　下拉列表式的输入框一般是有很多个选项时才归列，最右侧会有提示展开的三角按钮，点击展开后会有垂直滚动条。一种是没有默认选择的，还有一种是有默认选择，用户也可以做更改的。也有循环滚动的列表，多在手机上使用。

下拉列表式输入框 下拉列表式输入框带默认选项 循环滚动列表输入框

　　输入框在设计时时常还要考虑到很多交互上的细节，比如在手机号的填写时，为了便于用户识别要采用３－４－４的格式显示；在金额输入时要采用千位分隔符；移动端输入时如果是文字要弹出文字的输入法，如果是手机就要弹出数字的输入法等等。一切以用户有更愉快的体验为目标。