定义
在输入框中单击鼠标会出现插入点光标，我们可以直接在输入框中输入文字或文本信息。
形式
出现的形式分三种，一种是空白的，需要用户输入的；一种是有默认的，也可以进行更改输入的；还有一种就是带提示的。
空白输入框
带提示的输入框
默认文本信息的输入框
状态
分为填写状态和反馈状态，状态的表现有很多种，常用的举例如下：
输入框填写时边框变成蓝色输入框填写时底色由白色变为橙色
填写时输入框底色变成橙色
输入框填写时出现列表提示
输入框反馈时框变成红色，框外有红色提示字样
用途
用于搜集用户信息。
类型
输入框根据属性可以分为以下几种类型：
１文本框
文本输入框又可以分为单行文本输入框和多行文本输入框。单行文本输入框有单行的文本域／密码域／手机和电子邮箱。单行文本输入框有长度限制，密码又有大小写和文字数字之分，而手机和电子邮箱有有效和无效之分。多行文本输入框有长度和高度两个限制，还有默认高度和最大高度以及超过最大高度出现垂直滚动条，还有在页面占位的实际高度。
单行的文本输入框
密码输入框
手机输入框
邮箱输入框
多行文本输入框
２.单选框
多个单选框可以组成一组，在这一组当中，只能有一个被选中。
单选框１
单选框２
３.多选框
多选框就是在一组当中可以有多个选择
多选框
QQ标签的多选框
４.下拉列表框
下拉列表式的输入框一般是有很多个选项时才归列，最右侧会有提示展开的三角按钮，点击展开后会有垂直滚动条。一种是没有默认选择的，还有一种是有默认选择，用户也可以做更改的。也有循环滚动的列表，多在手机上使用。
下拉列表式输入框
下拉列表式输入框带默认选项
循环滚动列表输入框
输入框在设计时时常还要考虑到很多交互上的细节，比如在手机号的填写时，为了便于用户识别要采用３－４－４的格式显示；在金额输入时要采用千位分隔符；移动端输入时如果是文字要弹出文字的输入法，如果是手机就要弹出数字的输入法等等。一切以用户有更愉快的体验为目标。
网友评论