实现简单QQ注册页面

最新推荐文章于 2024-04-30 10:00:00 发布

爱娶媳妇的苗同学

最新推荐文章于 2024-04-30 10:00:00 发布

阅读量4.1k

点赞数 4

分类专栏： Web前端文章标签： QQ注册页面

本文链接：https://blog.csdn.net/weixin_44609873/article/details/96868612

版权

Web前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

HTML实现简单QQ注册页面

今天突发奇想，仿一个QQ注册页面哈哈！！

效果如图：
在这里插入图片描述

按钮功能都还没实现，只是一个简单的网页界面！

实现代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册界面</title>
	</head>
	<body>
		<img src="img/QQregister.jpg" width="450px" >
		<div style="float: right;">
		<p style="font-size: 45px; font-style: oblique: ;";>欢迎注册QQ</p>
		<p style="font-size: 30px;">每一天，乐在沟通。&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="" style="font-size: 25px; text-decoration: none;">免费靓号</a></p1></p>
		<input type="text" name="昵称" id="nickname" value=""  style=" font-size: 18px; color: aqua; width: 320px; height: 35px;" placeholder=" 昵称" />
		<br /> <br />
		<input type="password" name="密码" id="password" value="" style="color: aqua; width: 320px; height: 35px; font-size: 18px;" placeholder=" 密码" />
		<br />	<br />
		<select  style="width: 120px; height:41px; font-size: 15px;">
			<option value="">中国+86</option>
			<option value ="">中国香港特别行政区+852</option>
			<option value ="">中国澳门特别行政区+853</option>
			<option value ="">中国台湾地区+886</option>
		</select>
			&nbsp;
			<input style="height: 35px; width: 187px; font-size: 17px;" type="tel" name="手机" id="Tel" value="" placeholder="手机号码" onchange="getCode()"/>
			<br /><br />
			<button type="button" id="Register" style="background: 	DodgerBlue; height: 50px; width: 327px;font-size: 20px;" onclick="Register()">立即注册</button>
			</div>
	</body>
	<script type="text/javascript">
		function getCode(){
			
		}
		function Register(){
			
		}
	</script>
</html>

爱娶媳妇的苗同学

关注

4
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
实现简单QQ注册页面

HTML实现简单QQ注册页面今天突发奇想，仿一个QQ注册页面哈哈！！效果如图：按钮功能都还没实现，只是一个简单的网页界面！实现代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>注册界面</title> </head&g...
复制链接

扫一扫