首页 > 网页教程 > JavaScript > 25款出色的Ajax与CSS表单设计代码分享

25款出色的Ajax与CSS表单设计代码分享

时间:2011-04-04    来源:互联网

表单需要有一个稳固的视觉结构,完整的层次组成元素(输入框、提示文本、提交按钮等),强大的技术和功能(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样式化让它好看起来。

相关推荐
解决Ajax因编码问题引起乱码和如何更新缓存的方法
jQuery教程:用ajax方法访问web服务
js编程经验分享 原始Ajax与jQuery中的Ajax比较
12个Ajax学习者必备的优秀网站
jQuery ajax()方法参数使用详解
用jQuery来控制表单里回车键并自动下一个输入框
20款超酷的基于jQuery的幻灯和表单插件(附演示和下载)
10款最流行的jQuery表单、幻灯片、绘图等插件
用JavaScript实现表单验证电话号码的代码实例
用正则表达式实现JavaScript表单验证中文大写字母
20个web开发必备的实用jQuery表单插件
12个提高web开发效率的JavaScript表单插件
网页制作web开发中常用的javascript表单验证函数分享
10个基于jQuery / javascript很棒的表单插件分享
jQuery教程:10个很实用的jQuery表单操作代码片段分享
18个超棒的jQuery菜单、表单、幻灯、图片特效插件推荐
功能强大使用简单的javascript表单验证 - Parsley.js
40个提升网站用户体验的jQuery插件推荐
15款超级酷的jQuery表单验证、选项卡、轮播图等插件下载

精彩推荐

热门教程