正在加载...
2010-1
14
欢迎订阅本站RSS,RSS地址:http://feed.css9.net。选择您使用的阅读器:Google Reader鲜果抓虾

我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。

以下译自:Coolest 15 css based html forms rarely seen
中文原文:15个基于CSS的Form表单设计 | CSS9.NET

  1. Footytube
    Footytube Form
    提示:进入页面后,点击页面顶部的“login”链接,可看到上图中的表单。
  2. Go Squared
    Go Squared Form
  3. Next BIg Sound
    Next BIg Sound Form
  4. PSD Themes
    PSD Themes Form
  5. Food Spotting
    Food Spotting Form
  6. Gowalla
    Gowalla Form
  7. Virb
    Virb Form
  8. Live Stream
    Live Stream Form
  9. Nibble Dish
    Nibble Dish Form
  10. Culinary Culture
    Culinary Culture Form
  11. Form one (from bundle)
    Form one (from bundle)
  12. Form two (from bundle)
    Form two (from bundle)
  13. Form Three(from bundle)
    Form Three (from bundle)
  14. Form Four(from bundle)
    Form Four (from bundle)
  15. Form Five(from bundle)
    Form Five (from bundle)

延伸阅读:

  1. Jquery Tools——不可错过的Jquery UI库(三)
  2. 通过javascript实现的快速编码解码服务
  3. 使用CSS和JQuery轻松切换网页显示样式
  4. 解决IE8兼容性问题的便捷方法
  5. 不要使用@import方法导入样式表
  6. 不要在链接的title属性中重复链接文本的内容
  7. 在网页中嵌入任意字体的解决方案
  8. 国产基于jQuery的优秀XHTML在线编辑器xhEditor


版权声明:

本站内容受著作权法保护。个人网站、blog转载时请遵循 “署名-非商业用途-保持一致” 的创作共用协议;商业网站或媒体未授权不得复制本站内容。

友情提示:

如对本文有任何疑问,或在示例的使用中遇到问题,或有好的建议,欢迎在下面留言共同学习,有问必答。

: http://css9.net/15-css-based-html-form-design/

本文相关评论 - 才 3 条评论
2010-01-20 09:07:09

不错,都很漂亮
个人比较喜欢label在input之上的那些

2010-01-25 10:36:58

[...] 译文来自:Coolest 15 css based html forms rarely seen 中文原文:15个基于CSS的Form表单设计 [...]

2010-01-26 09:57:29

哎,表单啊.. ..
很多好的设计的细节都被程序员借口工期紧而被忽略掉

 填写6 + 9的结果