最详细的web用户注册界面

南山下的大象

已于 2022-11-07 08:44:02 修改

阅读量2.2k

点赞数 3

分类专栏： web 文章标签： html5

于 2022-10-30 16:33:55 首次发布

本文链接：https://blog.csdn.net/weixin_56102955/article/details/127600939

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一，用户注册1（源码如下）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>登陆注册</title>

		</head>
		<body>

		<p>
		<label for="">用户名</label>
		<input type="text">
		</p>

		<p>
			<label for="">密码</label>
			<input type="password" id="mypass" name="mypass">
		</p>

		<p>
			性别
			<input type="radio" value="男" name="gender" checked>男
			<input type="radio" value="女" name="gender">女
		</p>
		<p>
			爱好：
			<input type="checkbox" value="写作" name="hobby">写作
			<input type="checkbox" value="听音乐" name="hobby">听音乐
			<input type="checkbox" value="体育" name="hobby">体育
			
		</p>
		<p>
			省份：
			<select name="address" id="address">
			<option>陕西省</option>
			</select>

		</p>
		<p>
			自我介绍：<br><textarea name="" id="" cols="20" rows="10"></textarea>

		</p>
		<p>
		<input type="submit" value="注册">
		<input type="reset" value="重置">
		</p>
		

			
		</body>
		</html>

二，网易云页面（源码如下）

在这里插入图片描述

<meta charset="UTF-8">
		<title>Document</title>
		<style>
		* {
			margin: 0;
			padding: 0;

		}
		ul, ol {
			list-style: none;

		}
		nav.menu {
			width: 100%;
			height: 50px;
			background-color: red;





		}
		nav.menu > ul {
			width: 1200px;
			height: 50px;
			border: 1px solid blue;
			margin: auto;
			color: black;
			text-align: center;
			line-height: 50px;

		}
		nav.menu > ul > li {
			width: 120px;
			height: 50px;
			/*border: 1px solid red;*/
			float: left;
			


		}
		nav.menu > ul > li:hover
		{

			background-color: yellow;
			cursor: pointer;
		}








		</style>
	</head>
	<body>
	<nav class="menu">
	<ul>
		<li>网易云音乐</li>
		<li>发现音乐</li>
		<li>我的音乐</li>
		<li>关注</li>
		<li>商城</li>
		<li>音乐人</li>
		<li>下载客户端</li>
		<li>音乐/用户</li>
		<li>创作者中心</li>
		<li>登陆</li>
	</ul>




	</nav>
	<img src="../image/wangyiyun.png">
		
	</body>
	</html>