• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

基于CSS的表单:现代的解决方案_css

css 搞代码 7年前 (2018-06-10) 174次浏览 已收录 0个评论

 原文: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

基于CSS的表单:现代的解决方案_css

The Form Assembly – Form Layouts
http://www.formassembly.com/form-garden.php?formId=29&style=/form-builder/css/campground_2

基于CSS的表单:现代的解决方案_css

CSS Styling of forms, Stu Nicholls
http://www.cssplay.co.uk/menu/form.html

基于CSS的表单:现代的解决方案_css

Semantic Horizontal Forms
http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/

基于CSS的表单:现代的解决方案_css

Trimming form fields
http://www.stuffandnonsense.co.uk/archives/trimming_form_fields.html

基于CSS的表单:现代的解决方案_css

Badboy Niceforms
http://www.badboy.ro/assets/articles/niceforms/niceforms.html

基于CSS的表单:现代的解决方案_css

Functional Pretty Forms
http://www.agavegroup.com/?p=35

基于CSS的表单:现代的解决方案_css

CSS-Only, Table-less Forms
http://jeffhowden.com/code/css/forms/

基于CSS的表单:现代的解决方案_css

具有亲和力的标单样式

Subtraction: Free Form for All – Standardkonforme Online-Formulare
http://www.subtraction.com/archives/2005/0822_free_form_fo.php

基于CSS的表单:现代的解决方案_css

Accessible CSS Forms
http://www.websiteoptimization.com/speed/tweak/forms/

基于CSS的表单:现代的解决方案_css

Form Layout Templates
http://www.themaninblue.com/writing/perspective/2004/03/24/

基于CSS的表单:现代的解决方案_css

Style Web Forms Using CSS
http://www.sitepoint.com/article/style-web-forms-css

基于CSS的表单:现代的解决方案_css

XHTML Standard Forms
http://www.stylephreak.com/index.php/archives/2004/08/standard-forms/

基于CSS的表单:现代的解决方案_css

拥有更多的技术和更先进的功能

Form Help without Popups
http://juicystudio.com/article/form-help-without-popups.html

基于CSS的表单:现代的解决方案_css

Fun with forms – customized input elements
http://www.picment.com/articles/css/funwithforms/

基于CSS的表单:现代的解决方案_css

Styling Form Fields
http://www.aplus.co.yu/css/styling-form-fields/

基于CSS的表单:现代的解决方案_css

AutoSuggest – An autocomplete text field with Ajax
http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html

基于CSS的表单:现代的解决方案_css

Really easy field validation with Prototype
http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype/

基于CSS的表单:现代的解决方案_css

Scrollable Checklists
http://c82.net/article.php?ID=25

基于CSS的表单:现代的解决方案_css

Hide Optional Fields
http://stylephreak.frogrun.com/uploads/source/cssform_hide.php

基于CSS的表单:现代的解决方案_css

在线表单生成器

Icebrrg – HTML Web forms, surveys, and invitations made chillingly simple
http://www.icebrrg.com/

基于CSS的表单:现代的解决方案_css

基于CSS的表单:现代的解决方案_css

Wufoo – Build HTML Forms, Online Surveys and Invitations
http://www.wufoo.com/

基于CSS的表单:现代的解决方案_css

基于CSS的表单:现代的解决方案_css

JotForm – a web based WYSIWYG form builder
http://www.jotform.com/

基于CSS的表单:现代的解决方案_css

Accessify Form Builder
http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/

基于CSS的表单:现代的解决方案_css

FormLogix – Create web forms for free
http://www.formlogix.com/

基于CSS的表单:现代的解决方案_css

欢迎大家阅读《基于CSS的表单:现代的解决方案_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:基于CSS的表单:现代的解决方案_css

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址