扯基于用户体验网站重构设计的淡

1、什么是文本框（Text Box）？

• TextBox组件（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。(来自百度知道)
• 文本框可以用来显示信息，显示用户输入的内容或编辑已有的内容。

优点：对输入的内容几乎无任何限制；
缺点：由于文本框过度发达的自由无限制，导致它不能严格限制用户输入内容的类型（如：字符型，数字型等），以及限制内容的长短；

文本框分为四种基本类型：

1. 单行文本框（不可输入回车符）：
   
2. 密码框（输入的内容显示不可显示）：
   
3. 多行文本框（有限的空间可展示更多的内容，并可以输入回车符）：
   输入文本…
4. 用于上传文件的文本框
   

2、如何限制文本框输入的内容？

文本框输入内容限制很宽松，基本任何字符都能输入。可通过以下的一些方法进行限制：

1. 改变文本域的默认宽度，暗示用户输入的内容有长度限制；
2. 通过表单的上下文语境做限制；
3. 文本框的注释；
4. 特殊排版，暗示输入限制；
5. 使用js等技术手段强迫性限制输入的格式；

等…

整理后的一些范例：

3、什么时候适宜使用文本框的提示功能？

在使用谷歌或百度搜索的时候，会出现下拉的提示。那么什么时候使用这种功能呢？

1. 提示主要用来做信息的提示，或是重复输入相同的内容时；
   如下面的Amazon.com页面中，当用户输入cell时，由于与cell相关的产品过多，所以需要列出相关的详细描述词汇来帮助用户进行更好的筛选。

   

2. 如果是涉及用户隐私、安全方面的输入，如：信用卡密码、个人身份证等信息，不应该使用；
   我抓取的是招商银行的个人银行界面，由于输入的信息属于涉及用户安全信息。就不应有相关的提示信息了。

   

4、文本框的宽度应该如何确定？

首先，要尽量缩短文本框的宽度。如果是已知宽度的内容，使用标准宽度。如：输入中文姓名的文本框3位即可。而比较宽松的输入内容，采用常见的宽度。如：电话号码的位数。

但如果有许多类似的文本框排版在一起，为了排版上面的美观，为保持排版的整洁应做适当的调整。

以上关联文章由 Yet Another Related Posts Plugin 提供支持。