HTML实战案例6:制作阿里巴巴用户注册页面

HTML实战案例6:制作阿里巴巴用户注册页面

一、完整的页面效果图

二、代码展示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿里巴巴会员注册</title>
</head>

<body>
<table width="954" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td><img src="images/header.jpg" width="954" height="107" /></td>
	</tr>
	<tr>
		<td>
		<form>
		<table width="100%" border="0" cellspacing="0" cellpadding="10">
			<tr>
				<td width="200" align="right">电子邮箱:</td>
				<td><input name="email" type="text" size="35" maxlength="32" /></td>
			</tr>
			<tr>
				<td align="right">会员登录名:</td>
				<td><input name="userName" type="text" size="35" maxlength="32" /></td>
			</tr>
			<tr>
				<td align="right">密码:</td>
				<td><input name="passWord" type="password" size="35" maxlength="32" /></td>
			</tr>
			<tr>
				<td align="right">再次输入密码:</td>
				<td><input name="rePassWord" type="password" size="35" maxlength="32" /></td>
			</tr>
			<tr>
				<td align="right">会员身份:</td>
				<td><input name="userType" type="radio" value="1" checked="checked" />买家 <input type="radio" name="userType" value="2" />卖家 <input type="radio" name="userType" value="3" />两者都是</td>
			</tr>
			<tr>
				<td align="right">验证码:</td>
				<td><input name="veryCode" type="text" size="15" maxlength="5" />
					<img src="images/verycode.gif" width="132" height="55" align="absmiddle" />&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">看不清?换一张</a></td>
			</tr>
			<tr>
				<td align="right">&nbsp;</td>
				<td><input type="image" name="imageField" id="imageField" src="images/btn_reg.gif" /></td>
			</tr>
			<tr>
				<td align="right"></td>
				<td><textarea name="readMe" cols="60" rows="5">欢迎阅读阿里巴巴公司(阿里巴巴)服务条款协议(下称"本协议"),您应当在使用服务之前认真阅读本协议全部内容,且对本协议中加粗字体显示的内容,阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站(所涉域名为:Alibaba.com.cn、alibaba.cn、1688.com,下同),所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。</textarea></td>
			</tr>
		</table>
		</form>
		</td>
	</tr>
	<tr>
		<td><img src="images/footer.jpg" width="954" height="61" /></td>
	</tr>
</table>
</body>
</html>

 

  • 11
    点赞
  • 63
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值