原文：CSS-Based Forms: Modern Solutions
作者：Sven Lennartz
备注：作者不辞辛苦不遗余力地提供给我们这么多的这么好的参考，真是令人感动阿，我转的手都麻了！在Web2.0时代，注册或者反馈类表单随处可见，他们的起始动机只有一个，那就是去引起访问者的注意，所以网页上的表单对于一个网站是否成功扮演者越来越重要的角色。到了最后,正是这些网页上的表单负责着第一次接触潜在的客户. 让我们看一看,那种解决方案web发展人员可以用到,去设计他/她下一个基于CSS的表单。
下面是一些优秀的表单列举
基本的表单样式
Prettier Accessible Forms
http://www.alistapart.com/articles/prettyaccessibleforms
The Form Assembly - Form Layouts
http://www.formassembly.com/form-garden.php?formId=29&style=/form-builder/css/campground_2
CSS Styling of forms, Stu Nicholls
http://www.cssplay.co.uk/menu/form.html
Semantic Horizontal Forms
http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/
Trimming form fields
http://www.stuffandnonsense.co.uk/archives/trimming_form_fields.html
Badboy Niceforms
http://www.badboy.ro/assets/articles/niceforms/niceforms.html
Functional Pretty Forms
http://www.agavegroup.com/?p=35
CSS-Only, Table-less Forms
http://jeffhowden.com/code/css/forms/
具有亲和力的标单样式
Subtraction: Free Form for All - Standardkonforme Online-Formulare
http://www.subtraction.com/archives/2005/0822_free_form_fo.php
Accessible CSS Forms
http://www.websiteoptimization.com/speed/tweak/forms/
Form Layout Templates
http://www.themaninblue.com/writing/perspective/2004/03/24/
Style Web Forms Using CSS
http://www.sitepoint.com/article/style-web-forms-css
XHTML Standard Forms
http://www.stylephreak.com/index.php/archives/2004/08/standard-forms/
拥有更多的技术和更先进的功能
Form Help without Popups
http://juicystudio.com/article/form-help-without-popups.html
Fun with forms - customized input elements
http://www.picment.com/articles/css/funwithforms/
Styling Form Fields
http://www.aplus.co.yu/css/styling-form-fields/
AutoSuggest - An autocomplete text field with Ajax
http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
Really easy field validation with Prototype
http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype/
Scrollable Checklists
http://c82.net/article.php?ID=25
Hide Optional Fields
http://stylephreak.frogrun.com/uploads/source/cssform_hide.php
在线表单生成器
Icebrrg - HTML Web forms, surveys, and invitations made chillingly simple
http://www.icebrrg.com/
Wufoo - Build HTML Forms, Online Surveys and Invitations
http://www.wufoo.com/
JotForm - a web based WYSIWYG form builder
http://www.jotform.com/
Accessify Form Builder
http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/
FormLogix - Create web forms for free
http://www.formlogix.com/
Comments Feed: http://www.jluvip.com/blog/feed.asp?q=comment&id=338
作者：Sven Lennartz
备注：作者不辞辛苦不遗余力地提供给我们这么多的这么好的参考，真是令人感动阿，我转的手都麻了！
Quote
In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of ??? company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form.
下面是一些优秀的表单列举
基本的表单样式
Prettier Accessible Forms
http://www.alistapart.com/articles/prettyaccessibleforms
The Form Assembly - Form Layouts
http://www.formassembly.com/form-garden.php?formId=29&style=/form-builder/css/campground_2
CSS Styling of forms, Stu Nicholls
http://www.cssplay.co.uk/menu/form.html
Semantic Horizontal Forms
http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/
Trimming form fields
http://www.stuffandnonsense.co.uk/archives/trimming_form_fields.html
Badboy Niceforms
http://www.badboy.ro/assets/articles/niceforms/niceforms.html
Functional Pretty Forms
http://www.agavegroup.com/?p=35
CSS-Only, Table-less Forms
http://jeffhowden.com/code/css/forms/
具有亲和力的标单样式
Subtraction: Free Form for All - Standardkonforme Online-Formulare
http://www.subtraction.com/archives/2005/0822_free_form_fo.php
Accessible CSS Forms
http://www.websiteoptimization.com/speed/tweak/forms/
Form Layout Templates
http://www.themaninblue.com/writing/perspective/2004/03/24/
Style Web Forms Using CSS
http://www.sitepoint.com/article/style-web-forms-css
XHTML Standard Forms
http://www.stylephreak.com/index.php/archives/2004/08/standard-forms/
拥有更多的技术和更先进的功能
Form Help without Popups
http://juicystudio.com/article/form-help-without-popups.html
Fun with forms - customized input elements
http://www.picment.com/articles/css/funwithforms/
Styling Form Fields
http://www.aplus.co.yu/css/styling-form-fields/
AutoSuggest - An autocomplete text field with Ajax
http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
Really easy field validation with Prototype
http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype/
Scrollable Checklists
http://c82.net/article.php?ID=25
Hide Optional Fields
http://stylephreak.frogrun.com/uploads/source/cssform_hide.php
在线表单生成器
Icebrrg - HTML Web forms, surveys, and invitations made chillingly simple
http://www.icebrrg.com/
Wufoo - Build HTML Forms, Online Surveys and Invitations
http://www.wufoo.com/
JotForm - a web based WYSIWYG form builder
http://www.jotform.com/
Accessify Form Builder
http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/
FormLogix - Create web forms for free
http://www.formlogix.com/
[Last Modified By greengnn, at 2006-12-21 12:47:31]
Comments Feed: http://www.jluvip.com/blog/feed.asp?q=comment&id=338
Relate articles
![[yes]](styles/default/images/smilies/icon_yes.gif){kind=icon}
表单的设计讲究很多东西，首先是CSS的设计layout，这是最基本的，而下来的就麻烦了，可用性，亲和力，用户体验等，还有技术层面的信息反馈，我也是看到这些资源很宝贵，转了过来。
表单设计的合理性，推荐去Junchen wu的网站上看看，很多不错的文章。
![[smile]](styles/default/images/smilies/icon_smile.gif)
新界面谢谢你的喜欢。
表单设计的合理性，推荐去Junchen wu的网站上看看，很多不错的文章。
新界面谢谢你的喜欢。
