15个基于CSS的Form表单设计
2010-03-30 11:33
274 查看
注:本文非原创,点击查看原帖
我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。
Footytube
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011313648.jpg)
[b]Go Squared
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011311222.jpg)
[/b]
Next BIg Sound
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011305858.jpg)
PSD Themes
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011304555.jpg)
Food Spotting
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011302330.jpg)
Gowalla
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011300869.jpg)
Virb
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011294368.jpg)
Live Stream
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011292749.jpg)
Nibble Dish
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011290635.jpg)
Culinary Culture
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011283941.jpg)
Form one (from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011281685.jpg)
Form two (from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011274588.jpg)
Form Three(from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011271372.jpg)
Form Four(from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011264451.jpg)
Form Five(from bundle)
我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。
Footytube
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011313648.jpg)
[b]Go Squared
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011311222.jpg)
[/b]
Next BIg Sound
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011305858.jpg)
PSD Themes
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011304555.jpg)
Food Spotting
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011302330.jpg)
Gowalla
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011300869.jpg)
Virb
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011294368.jpg)
Live Stream
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011292749.jpg)
Nibble Dish
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011290635.jpg)
Culinary Culture
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011283941.jpg)
Form one (from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011281685.jpg)
Form two (from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011274588.jpg)
Form Three(from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011271372.jpg)
Form Four(from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011264451.jpg)
Form Five(from bundle)
![](http://pic002.cnblogs.com/img/denleyfu/201003/2010033011261622.jpg)
相关文章推荐
- 在Django的form中使用CSS进行设计的方法
- 基于Ckeditor的表单设计器的开发
- 基于Silverlight智能表单设计开发(四)
- 基于JQuery的Form插件---提交表单数据到服务端
- 开发基于Web的CSS设计器.代码参考
- 基于BootstrapValidator的Form表单验证(24)
- HTMLCSS_form表单
- Jquery+CSS 自定义联想搜索框,带删除图标,多个form表单ajaxsbumit
- Form表单提交刷新页面不跳转源码设计
- form表单文字垂直居中设计方案
- 基于jquery与jquery.form.js的表单文件流提交和上传体验提升
- 用JSP分析multipart/form-data基于表单的文件上传
- 简洁纯净的CSS表单设计实例
- 用CSS实现表单form布局
- 基于Extjs的web表单设计器 第二节——表单控件设计
- 基于网页设计中div+css的认识
- 基于Jquery的FormValidator表单验证插件
- 基于UEditor上开发的表单设计器--自定义文本控件
- 国人编写的、超牛的、基于jQuery插件式、监听模式(无侵入)的html页面form表单通用验证框架