表单需要有一个稳固的视觉结构,完整的层次组成元素(输入框、提示文本、提交按钮等) ,强大的技术和功能(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
11) Check it, don’t select it
Fancy Demo :
12) Sensible Forms
网站可用性-Roger Hudson提供了一个非常有用的教程,就如何创建一种良好布局的表单。
Ajax表单 13) AJAX Contact Form
Dustin Diaz设计的一个出色的Ajax联系表单,使用了javascript.
14) AutoSuggest: An AJAX auto-complete text field -
这个表单比较特别的地方在于,它为文本输入框增加了一个弹出下拉菜单中的文本建议。用户可直接点击选择其中的文本建议,支持Tab键的选择。
15) FancyUpload using Mootools - 基于Mootools构建的一个漂亮的文件上传表单。
16) jQuery Form Plugin
使用AJAX技术让您轻松管理HTML表单,以方便从表单元素中搜集资料,确定如何来管理提交过程,让你对如何提交数据能有充分的控制权。
17) Cforms
这是一个Ajax的Wordpress联系表单插件,可以为你的博客用户联系你时提供更多的方便。
优秀的表单验证 18 ) Really Easy Field validation with Prototype - 这是一个非常简单的表单验证脚本。
19) Live Validation
这是一个很小巧的开放源代码的javascript效果,当用户在提交表单时,提供实时的表单验证。
20) Ajax form validation
学习如何使用Ajax技术,以便处理和校验你的表单。
21) fValidator
fValidator是一个开源免费的javascript脚本,当用户在提交表单时,提供实时的表单验证。
表单提示信息 22) Validation Hints for your form
这篇文章将解释如何使用javascript和CSS达到输入提示的效果。
23) Form Help without Popups
一个新鲜的技术,为你的用户在输入表单时提供帮助信息,用不使用弹出窗口。
隐藏表单域 24) Trimming form fields
利用javascript,DOM和CSS,让用户自主选择是否选择哪些表单内容。
创建表单的一些技巧 25) Tips For Creating Great Web Forms
这是一篇对所有设计师来说都值得一学的表单设计技巧。
您还没有登录,请您登录后再发表评论
6.3 为Ajax设计通知系统 6.3.1 对通知建模 6.3.2 定义用户界面需求 6.4 实现通知框架 6.4.1 显示状态栏图标 6.4.2 显示详细的通知信息 6.4.3 集成 6.5 用通知框架处理网络请求 6.6 表示数据的时效性 6.6.1 定义简单...
课程设计是另一个资源大家可以,自己点我主页找那个版本看一下 两个版本的具体实现的要求功能略微一点差别,自行对照购买 因为这是我期末网页大作业 和课程设计用过的,自己做的比较详细,功能全部满足 包括登录...
内容索引:脚本资源,jQuery,表单美化 jQuery+CSS美化出的一个漂亮的表单,用了jQuery1.2,有一个背景图片。已打包。 鼠标经过表单内的每一个输入框时自动切换背景,当前的输入框和其它的颜色是不一样的。
摘要:脚本资源,jQuery,Ajax表单 收集的一些jQuery表单实例,Ajax表单判断,锋利的JQuery一书里的随书实例: Demo 1 : form插件的使用--ajaxForm(). Demo 2 : form插件的使用---ajaxSubmit(). Demo 3 : form...
源码爱好者下载资源导航: ASP PHP .NET C# JSP Java VC/C++ VB Delphi Ajax 脚本资源 jQuery Flash 电子书 方案文档 软件 热点检索: wordpress留言企业BlogAjaxShopCMS源代码下载编辑器 亿恩双线托管,仅3999元...
1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5....
内容索引:脚本资源,Ajax/JavaScript,表单美化 用Js和CSS共同美化的漂亮表单效果,这里是用图片代替了表单中的复选框、单选框、文本框、文本域以及下拉列表和按钮等元素,更换图片你就可以更换成你喜欢的风格,当然...
服务器端采用 MC 设计模式,Controler 分为组包拆包模块(编码子模块、加密解密子模块、序列化/反序列化子模块)和主处理模块(包含:Manager、DAO);其中加密解密模块,由于 js 支持不好,预留暂不使用; 客户端...
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用。常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息。本文我们将给大家介绍...
主要包括三个大的文件PopStyle.css、Gen.js(包括所有类基本操作语句,您可以根据需要进行删减。)、GenPop.js(PopWin.js),在引用Div弹出窗口类的时候,这个三个文件必不可少。 目前的最新版本为2.0,对原有的...
100道逻辑思维趣题,ajax框架:dwr》实战(包括整合),Ajax中英文对照手册,CSS2 – Quick Reference Guide,css滤镜,css样式,DHTML默认行为手册,DOM文档对象模型手册,JavaScript源码大全 v1.0,javascript资料(源码,...
-Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
对于计算机专业的学生、初级前端开发者或是希望提升网站界面质量的设计师来说,这份160套响应式组件集合是一个宝贵的资源库,它不仅能够提高开发效率,还能作为一个学习和实践现代Web前端技术的平台。
摘要:脚本资源,jQuery,表单美化 Ideal forms JavaScript迷你表单美化框架,一款轻量级的表单美化架构,美化架构简单,基于jQuery框架,能够帮助web开发人员快速创建漂亮和界面友好的表单组件。Ideal forms框架可将...
link rel=stylesheet href=${ctxPath}/vendor/layui/css/layui.css > [removed][removed] 二、html页面代码 搜索表单: <form class=layui-form layui-col-md12 we-search> 项目搜索: <
Pjax是一个jQuery插件,它使用ajax和pushState通过真正的永久链接,页面标题和后退按钮提供快速浏览体验。 查看更多或访问 ##为什么要用Pjax? 只是使用ajax从远程加载容器? 是的,但不仅如此。 不再加载css和js...
此外,《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。 ...
采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较:面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行模式:PageHandlerFactory 利用搜索引擎引用来高亮页面...
相关推荐
6.3 为Ajax设计通知系统 6.3.1 对通知建模 6.3.2 定义用户界面需求 6.4 实现通知框架 6.4.1 显示状态栏图标 6.4.2 显示详细的通知信息 6.4.3 集成 6.5 用通知框架处理网络请求 6.6 表示数据的时效性 6.6.1 定义简单...
课程设计是另一个资源大家可以,自己点我主页找那个版本看一下 两个版本的具体实现的要求功能略微一点差别,自行对照购买 因为这是我期末网页大作业 和课程设计用过的,自己做的比较详细,功能全部满足 包括登录...
内容索引:脚本资源,jQuery,表单美化 jQuery+CSS美化出的一个漂亮的表单,用了jQuery1.2,有一个背景图片。已打包。 鼠标经过表单内的每一个输入框时自动切换背景,当前的输入框和其它的颜色是不一样的。
摘要:脚本资源,jQuery,Ajax表单 收集的一些jQuery表单实例,Ajax表单判断,锋利的JQuery一书里的随书实例: Demo 1 : form插件的使用--ajaxForm(). Demo 2 : form插件的使用---ajaxSubmit(). Demo 3 : form...
源码爱好者下载资源导航: ASP PHP .NET C# JSP Java VC/C++ VB Delphi Ajax 脚本资源 jQuery Flash 电子书 方案文档 软件 热点检索: wordpress留言企业BlogAjaxShopCMS源代码下载编辑器 亿恩双线托管,仅3999元...
1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5....
内容索引:脚本资源,Ajax/JavaScript,表单美化 用Js和CSS共同美化的漂亮表单效果,这里是用图片代替了表单中的复选框、单选框、文本框、文本域以及下拉列表和按钮等元素,更换图片你就可以更换成你喜欢的风格,当然...
服务器端采用 MC 设计模式,Controler 分为组包拆包模块(编码子模块、加密解密子模块、序列化/反序列化子模块)和主处理模块(包含:Manager、DAO);其中加密解密模块,由于 js 支持不好,预留暂不使用; 客户端...
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用。常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息。本文我们将给大家介绍...
主要包括三个大的文件PopStyle.css、Gen.js(包括所有类基本操作语句,您可以根据需要进行删减。)、GenPop.js(PopWin.js),在引用Div弹出窗口类的时候,这个三个文件必不可少。 目前的最新版本为2.0,对原有的...
100道逻辑思维趣题,ajax框架:dwr》实战(包括整合),Ajax中英文对照手册,CSS2 – Quick Reference Guide,css滤镜,css样式,DHTML默认行为手册,DOM文档对象模型手册,JavaScript源码大全 v1.0,javascript资料(源码,...
-Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
-Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
对于计算机专业的学生、初级前端开发者或是希望提升网站界面质量的设计师来说,这份160套响应式组件集合是一个宝贵的资源库,它不仅能够提高开发效率,还能作为一个学习和实践现代Web前端技术的平台。
摘要:脚本资源,jQuery,表单美化 Ideal forms JavaScript迷你表单美化框架,一款轻量级的表单美化架构,美化架构简单,基于jQuery框架,能够帮助web开发人员快速创建漂亮和界面友好的表单组件。Ideal forms框架可将...
link rel=stylesheet href=${ctxPath}/vendor/layui/css/layui.css > [removed][removed] 二、html页面代码 搜索表单: <form class=layui-form layui-col-md12 we-search> 项目搜索: <
Pjax是一个jQuery插件,它使用ajax和pushState通过真正的永久链接,页面标题和后退按钮提供快速浏览体验。 查看更多或访问 ##为什么要用Pjax? 只是使用ajax从远程加载容器? 是的,但不仅如此。 不再加载css和js...
此外,《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。 ...
采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较:面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行模式:PageHandlerFactory 利用搜索引擎引用来高亮页面...