使用HTML代码完成效果图，完成www.163.com账号注册页面（不要求做css样式，原生的HTML就好）

最新推荐文章于 2022-05-16 14:07:04 发布

原创最新推荐文章于 2022-05-16 14:07:04 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5

网页你好，我是小白；专栏收录该内容

6 篇文章

订阅专栏

本文展示了如何仅用HTML代码来构建www.163.com网站的账号注册页面，不涉及CSS样式的应用。

部署运行你感兴趣的模型镜像

使用HTML代码完成效果图，完成www.163.com账号注册页面（不要求做css样式，原生的HTML就好）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="http://www.163.com" method="get" target="_blank">
			<h1 align="center">
				
				<font size="90px" face="新宋体">注册页面</font>
				
			</h1>
			
			<hr width="100%" size="10px" color="darkgrey"/>
		
			
			<p align="center">
			
				<font face="宋体" size="5"><b>用户名：</b></font>
				<input type="text" value="zhangsan" />
			</p>
			<p align="center" class="a">
				<font face="宋体" size="5"><b>密码：</b>&nbsp;</font>
				<input type="password" maxlength="6" minlength="4" />
			</p>
			<p align="center">
				<font face="宋体" size="5"><b>手机号：</b></font>
				<input type="number" maxlength="11" minlength="11" />
				
			</p>
			<p align="center">
				<font face="宋体" size="5"><b>邮箱：</b>&nbsp;</font>
				<input type="email" />
			</p>
			<p align="center">
				<font face="宋体" size="5"><b>性别：</b>&nbsp;</font>
				<font face="宋体" size="3"><b>男:</b></font>
				<input type="radio" name="sex" checked="checked"/>
				<font face="宋体" size="3"><b>女:</b></font>
				<input type="radio" name="sex" />
				
			</p>
			<p align="center">
				<font face="宋体" size="5"><b>爱好：</b></font>
				<input type="checkbox" /><font face="宋体"><b>唱歌</b></font>
				<input type="checkbox" /><font face="宋体"><b>睡觉</b></font>
				<input type="checkbox" /><font face="宋体"><b>LOL</b></font><br />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="checkbox" /><font face="宋体"><b>旅游</b></font>
				<input type="checkbox" /><font face="宋体"><b>高尔夫</b></font>
				<input type="checkbox" /><font face="宋体"><b>篮球</b></font>
			</p>
			<p align="center" >
				<font face="宋体" size="5"><b>籍贯：</b></font>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<select >
					<option>--请选择--</option>
					<option>黑龙江</option>
					<option >吉林</option>
					<option >辽宁</option>
					<option >山东</option>
					<option >海南</option>
					<option >上海</option>
				</select>
			</p>
			<p align="center" >
				<font face="宋体" size="5"><b>个人介绍：</b></font>			
				<textarea rows="10" cols="30"></textarea>
			</p>
			
			<p align="center">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="checkbox" /><font face="宋体"><b>是否同意本公司协议</b></font>
			</p>
			<p align="center">
				<input type="submit" value="注册" />
			</p>
			
		</form>
		
		
	
	</body>
</html>