主机合租每年最低50元/博客新手特惠套餐: 每年98元拥有你的独立博客
January 17th, 2008 by paran

47个优秀的Ajax/CSS 表单设计资源

表单需要有一个稳固的视觉结构,完整的层次组成元素(输入框、提示文本、提交按钮等) ,强大的技术和功能(Ajax)使表单更加易于使用并看上去更加漂亮。下面是一些Ajax效果的CSS表单,可以用来美化你的网站表单。
样式化表单
1) Uni Form
一个规范的表单,结构良好,高度可定制,交互友好,非常实用。

2) CSS-Only, Table-less Forms这是一个很好的CSS表单设计实例,使用了表格。它良好运行在 IE6/Firefox1.0+/Opeara v8.0和Safari ,尽管可能在不同的浏览器下有细微的出入,但基本不影响使用。

3) Tableless Forms一个非常漂亮的表单,例如在输入框的最左边有一个小图形,这样看起来挺精致漂亮。
Demo

4) A form with style 如何把一个难看的表单通过CSS样式化让它好看起来。

样式化表单元素
5) Niceforms 1.0
这是一个脚本,取代常用的表单元素,其中对复选框和下拉选择框的改非常值得一用,突中显示当前选择,这样看上去很友好。

6) Fancy Form
Fancyform是一个功能强大的多选框替换脚本,极具灵活性,改变了HTML表单元素的外观和功能。它不仅便于使用,并且支持各种不同的浏览器。

7) Styling form controls with CSS, revisited
使用不同的CSS规则定制出224种不同的画面显示效果的表单。

8 ) Showing Good Form - 用语义标记达到的比较简洁的CSS表单,有点像表格哦。呵呵。
Demo :

9) Styling the Button Element with Sliding Doors
一个滑动门技术和按钮美化的示例。

实用且兼容各大浏览器的表单
10) Prettier Accessible Forms
Demo :

11) Check it, don’t select it
Fancy Demo :

12) Sensible Forms
网站可用性-Roger [...]