基於CSS的表單:現代的解決方案

來源:互聯網
上載者:User
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/


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.