10 个漂亮的CSS 3表单制作教程

开发 前端
还在为不会做漂亮的表单发愁吗?本文将为你介绍10 个漂亮的 CSS3 表单制作教程。

1.  HTML5 & CSS3 form

10 个漂亮的 CSS3 表单制作教程

HTML5 引入了非常有用的表单元素——滑动条、数字调整、日期选择等,该教程教你如何使用这些元素并制作非常精美的表单。

» View tutorial

2.  无需图片和JavaScript的 CSS3 表单

10 个漂亮的 CSS3 表单制作教程

该教程是法语的,点进去之前确保自己法语是杠杠的,也可以下载源码来体验一下:get the source code

» View tutorial

3.  使用 HTML5 & CSS3 做一个漂亮的联系表单

10 个漂亮的 CSS3 表单制作教程

我真的非常喜欢来自英国的Web开发者 Chris Spooner 的创意,看看他的吧,很酷是不是?

» View tutorial

4.  漂亮的 CSS3 搜索表单

10 个漂亮的 CSS3 表单制作教程

简单、漂亮,只需一些些 CSS3代码足以。

» View tutorial

5.  Prettier Web Form with CSS 3

10 个漂亮的 CSS3 表单制作教程

上面的表单使用最基本的 CSS3 属性,如 box-shadow 制作

» View tutorial

#p#

6.  Slick CSS3 登录表单

10 个漂亮的 CSS3 表单制作教程

无图片的登录表单,很简单

» View tutorial

7.  Glowform: 梦幻般的 CSS3 表单

10 个漂亮的 CSS3 表单制作教程

这个表单看起来真的很梦幻,无需任何图片,只需CSS3。

» View tutorial

8.  Clean and Stylish CSS3 Form

10 个漂亮的 CSS3 表单制作教程

这是一个非常简单的样式化表单

» View tutorial

9.  使用 CSS3 和 jQuery 的用户注册表单

10 个漂亮的 CSS3 表单制作教程

jQuery 是一个非常伟大的工具,该教程教你如何创建一个漂亮的表单,并与jQuery集成实现***用户体验

» View tutorial

10.  jQuery & CSS3 下拉菜单集成表单

10 个漂亮的 CSS3 表单制作教程

使用 CSS3/jQuery 的下拉菜单中集成了一个表单,相信你的客户会喜欢它的。

» View tutorial

 【编辑推荐】

  1. 27个超炫的使用纯CSS实现的图片画廊
  2. CSS图片替换的***实践
  3. 浅谈HTML CSS和JS的定义或引用
  4. 推荐23款超赞超实用的CSS3小工具
  5. 2011年2月8款免费HTML和CSS模板推荐
责任编辑:陈贻新 来源: 开源中国社区
相关推荐

2011-05-11 16:13:43

CSS3

2014-02-24 13:49:13

HTML5CSS3下拉菜单

2012-09-13 09:24:31

CSSJSjQ

2010-08-16 10:10:11

DIV+CSS

2011-07-15 09:10:44

HTML 5CSS3

2013-08-07 13:58:21

Android应用图标

2012-02-14 15:42:32

CSS3

2013-08-21 13:19:33

HTML5CSS3表单设计

2017-08-17 12:03:58

前端CSS加载

2013-04-10 09:28:24

CSS3CSS

2012-01-06 09:09:56

JavaScript

2010-09-13 13:44:35

CSS表格CSS表单

2016-05-04 09:45:01

CSS开发不要

2020-12-24 07:02:07

CSS框架

2012-11-15 09:41:43

jQuery

2011-11-11 10:01:37

HTML 5

2015-09-10 08:45:39

CSS3生成器

2017-03-23 10:21:57

CSS3动效库前端

2011-11-24 09:13:16

CSS

2012-05-07 10:13:39

CSS3
点赞
收藏

51CTO技术栈公众号