HTML&CSS——网站注册页面,
1、表单标签
所有需要提交到服务器端的表单项必须使用
括起来!form 标签属性: action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)
method,表单提交的方式(get/post/delete……等 7 种)
Get 与 post 提交方式的区别?【默认提交方式为 get】
Get 提交方式,所有的内容显示在地址栏,不够安全,长度有限制。
Post 提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。
1)文本输入项
name设置交到服务端必须指定的属性,其值可以任意,建议见文知意
size指定输入框的宽度
maxlenght指定输入内容的长度
readonly设置为只读
placehoder设置输入内容的提示信息
2)密码输入项
3)单选按钮
name设置分组
value设置提交到服务端必须指定的属性,其值可以任意,建议见文知意
checked设置默认选中
4)多选按钮
5)下拉列表
北京
上海
name设置分组
value设置提交到服务端必须指定的属性, 其值可以任意,建议见文知意
selected默认选中
6)文件上传项
7)文本输入域
8)提交按钮
submit具备将整个表单提交到服务器的功能
value修改按钮上面的内容
9)普通按钮
10)重置按钮
11)隐藏项
用于用户比较敏感的一些信息。
2、实现以下网站注册页面样式:
步骤分析:
1)创建一个五行一列的表格,然后分别对每一行进行实现
2)第一二四五行,和前面网站首页显示页面一样,直接复制过来,不再赘述
3)第三行放置一个表单,通过表格标签进行布局。
3、代码演示如下:
1
2
3
4
5
注册页面6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 登录
24 注册
25 购物车
26
27
28
29
30
31
32
33
34
35 首页
36 手机数码
37 电脑办公
38 鞋靴箱包
39 家用电器
40
41
42
43
44
45
46
47
48
49
50
51 会员注册 USER REGISTER52
53
54
55
用户名56
57
58
59
60
61
密码62
63
64
65
66
67
确认密码68
69
70
71
72
73
E-mail74
75
76
77
78
79
姓名80
81
82
83
84
85
性别86
87 男88 女89
90
91
92
出生日期93
94
95
96
97
98
验证码99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124 关于我们
125 联系我们
126 招贤纳士
127 法律声明
128 友情链接
129 支付方式
130 配送方式
131 服务声明
132 广告声明
133
134 Copyright © 2005-2016 hh商城 版权所有135
136
137
138
139
140
在浏览器内运行,效果如网站注册页面演示一样。
http://www.dengb.com/Javascript/1222931.htmlwww.dengb.comtruehttp://www.dengb.com/Javascript/1222931.htmlTechArticleHTMLCSS——网站注册页面, 1、表单标签 所有需要提交到服务器端的表单项必须使用form/form括起来! form 标签属性: action,整个表单提交的位...