6.2 表单

表单与其他页面元素的作用不同。其他元素是把服务器发过来的内容显示给用户,而表单则是把用户的信息发送给服务器。作为设计者,我们当然希望用户能够顺利地使用表单,从而得到他们的反馈、意见、联系信息……当然——还有他们的信用卡号。大型表单的复杂程度较高,电商网站的购物车就是一例。假如设计得不好,让用户觉得费解,很可能转眼之间就丢掉了生意。可见,设计的品质是可以用白花花的银子来衡量的。

说起设计表单,我强烈向大家推荐Luke Wroblewski专门写表单的书Web Form Design: Filling in the Blankshttp://www.lukew.com/resources/web_form_design.asp

处理表单数据的话题超出了本书的范围,本章的重点在于告诉你怎么把表单设计得简洁易用。好吧,先看一个完整的表单,找找感觉。

想了解怎么在服务器端验证表单数据?可以看看我的另一本书Codin' for the Web,其中讲到了PHP编程和MySQL数据库。

6.2.1 HTML表单元素

以下是完成后的表单,本节正是要介绍怎么设计这个表单。