在Web2.0时代,注册或者反馈类表单随处可见,他们的起始动机只有一个,那就是去引起访问者的注意,所以网页上的表单对于一个网站是否成功扮演者越来 越重要的角色。说到底,它对吸引潜在用户起到重要作用。让我们看一看,现在那些Web开发者都使用哪些办法去设计他/她下一个基于CSS的表单。

下面是一些优秀的表单列举

普通表单样式
Screenshot
表单设计
Screenshot
CSS风格的表单
Screenshot
横向语义表单
Screenshot
修改表单字段
Screenshot
界面清新的表单

Screenshot

功能齐全的表单
Screenshot
完全采用CSS技术的表单
Screenshot
界面清晰的表单

 界面简洁的表单,无需填写不必要的信息
Screenshot
简洁的CSS表单
Screenshot
表单模板
Screenshot
使用CSS定义表单风格
Screenshot
XHTML标准表单
Screenshot
功能性和技术性更强

无需弹出即显示表单帮助信息
Screenshot
自定义输入内容
Screenshot
 给与信息提示
Screenshot
自动提示 - 是一个采用ajax开发的用来实现自动完成文本框的组件
Screenshot
显示确认信息
Screenshot

滚动条选单
Screenshot

可选填栏目
Screenshot

在线表单生成器

Icebrrg -轻松创建 HTML表单、调查和邀请
Screenshot
Screenshot
Wufoo - 创建HTML表单, 在线制作调查和邀请工具
Screenshot

Screenshot
JotForm - 基于web的WYSIWYG表单创建工具
Screenshot

Accessify 表单创建工具
Accessify

FormLogix - 免费创建web表单
Formlogix

  • 用div实现连续滚动 [11/19]

    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l...

  • 基于css样式丰富的表单 [11/19]

     在Web2.0时代,注册或者反馈类表单随处可见,他们的起始动机只有一个,那就是去引起访问者的注意,所以网页上的表单对于一个网站是否成功扮演者越来 越重要的角色。说到底,它对吸引潜在用户起到重要作用。让我们看一看,现在那些Web开发者都使用哪些办法去设计他/她下一个基于CSS的表单。下面是...

  • CSS menu [11/19]

    当你需要一个简单易用的导航菜单得时候。CSS Menu是个不错的选择。相对于Flash/Javascript,他们小巧轻便,而且方便使用。当然,他们也能做出很多很漂亮的效果。Css Menu Example这里有几个专门收集CSS 导航菜单的站点,其中有很多优秀的作品。也许能给你带来一定的启发。你会...

  • 网站开发的一些建议 [11/19]

     1. 使用FirefoxFirefox是你触手可及的最重要的平台,网站开发时必不可少。并不是说你非得把它作为默认浏览器——平时上网时,你想用哪个都行。自Firefox问世,就有一些居家旅行必备扩展随之产生。如果你想事半功倍立竿见影,快用它们。必备扩展Web Dev...

  • 让iframe显示网页中指定的区域 [11/19]

    <iframe id='jia' src="http://192.168.0.*/*/weather.html" width="200px" height="70px" style=&...

  • 网页设计必备资源 [11/19]

    配色工具配色最痛苦了。(= =)更多配色工具请参考: 为你的网页组合出一个完美的配色方案 Color Schemer Gallery:配色展览馆 COLOURlovers Website Color Picker I Like Your Colors:喜欢某个网站的配色?就用...

  • miniAjax:酷炫 DHTML 及 AJAX 大收集  [11/19]

    miniAjax 是专门提供和演示 DHTML 及 AJAX 脚本的站点,目前已经收集了36个非常酷的代码: Prototype Window - 演示 AJAX Star Rating Bar - 演示 An AJAX contact form - 演示 Tabbed co...

  • Windows Vista主题风格 [11/19]

    风格一:Windows Vista主题风格  该主题风格是模仿windows visita的主页制作的,该主题兼容ie6、ie7和FireFox,主题中使用了一些png半透明图像,所以ie7中效果更好。  如遇到菜单项分成了两列,则按照下面办法解决:.menuA:link,.me...

  • 用photoshop去除图片上的文字 [11/19]

    1、使用仿制图章工具去除文字。这是比较常用的方法。具体的操作是,选取仿制图章工具,按住Alt键,在无文字区域点击相似的色彩或图案采样, 然后在文字区域拖动鼠标复制以复盖文字。要注意的是,采样点即为复制的起始点。选择不同的笔刷直径会影响绘制的范围,而不同的笔刷硬度会影响绘制区域的边缘融合效果。&nbs...

  • 限制页面中图片的大小 [11/19]

    Firefox 的解决办法只需要修改 CSS 样式表的一行代码,给正文中的 img 加上 max-width 属性:CSS:#content img{max-width:520px;}max-width 属性会...

  • 网页中的flash [11/19]

    http://imgfree.21cn.com/free/flash/7.swf 点状放射 http://imgfree.21cn.com/free/flash/5.swf 聚散星光 http://imgfree.21cn.com/free/flash/1.swf 片状流星 http://imgfr...

  • digg的网站架构 [11/19]

    Digg 工程师采用 LAMP (Linux, Apache, MySQL and PHP) 模式。这个 Alexa 排名在 100 左右的、自我估价 1.5 亿美金的站点目前有超过 100 台的 PC 服务器(足够少了),可以粗略分成三个部分:数据库服务器,Web 服务器,搜索服务器。数据库方面,...

  • div+css的几种排版 [11/19]

    /* 1、两列自适应宽度*/#left{width:20%;float:left;}#right{width:80%;}/* 2、三列并排左右固定中间列自适应*/body{margin:0px;}#left{width:100px;background-color:#00CCCC...