css|解決 原文:
CSS-Based Forms: Modern Solutions
作者: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.在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/