html基础代码运用：关于登陆注册的
登陆面的：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>致敬咪哥</title>
<style tupe="text/css">
a:link{color:red;}
a:hover{color:green;}
p{font-size:10px;}
</style>
</head>
<body>
<h1>咪哥登陆中心</h1>
<hr/>
<form action="" method="post" name="登陆">
<div>
<label for="text" name="User-name" class="">用户名</label>
<input type="text" name="User-name"/>
<p><a href="忘记用户名.html" target="blank"> 忘记用户名</a></p>
</div>
<br/>
<div>
<label for="password" name="passwrod">密 码</label>
<input type="password" name="password"/>
<p><a href="忘记密码.html" target="blank"> 忘记密码</a></p>
</div>
<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>整形人
<input type="radio" name="sex"/>女
<br/>
<p><input type="checkbox"/>记住账号</p>
<p><input type="checkbox"/>记住密码</p>
<br/>
<div>
<a href="登陆成功.html" target="blank"><input type="Button" value="登陆"/></a>
<input type="reset"/>
</div>
</form>
<p><a href="注册.html" target="blank">注册</a></p>
</body>
</html>
注册面：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<h2>新用户注册</h2>
<hr/>
<form action="">
<div>
<lable name="username">用 户 名</lable>
<input type="text" name="username"/>
</div>
<br/>
<div>
<lable name="password">密 码</lable>
<input type="password" name="password"/>
</div>
<br/>
<div>
<lable name="Confirm-password">确认 密码</lable>
<input type="password" name="confirm-password"/>
</div>
<br/>
<div>
<lable name="e-mail">邮 箱</lable>
<input type="e-mail" name="e-mail"/>
<select name="" id="">
<option value="">@qq.com</option>
<option value="">@178.com</option>
<option value="">@91.com</option>
</select>
</div>
<br/>
<div>
<lable name="full-name">姓 名</lable>
<input type="text" name="fall-name"/>
</div>
<br/>
<div>
<lable name="ID-number">身份证号码</lable>
<input type="text" name="ID-nuber"/>
</div>
<br/>
<div>
<input type="submit"/>
<input type="reset"/>
</div>
</form>
<br/>
<p>留言区</p>
<textarea name="" id="" cols="30" rows="10"></textarea>
<p><input type="submit"/></p>
<img src="tttt.jpg" />
</body>
</html>
忘记密码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="ddd.jpg" />
<p>咪哥加油，哈哈哈！！！！</p>
<br/>
忘记密码里内联框链接的内容
<form action="">
<p> 时间<input type="date"/></p>
<p>姓名<input type="text"/></p>
<p>
<a href="大傻逼.html" target="Determine"><input type="button" value="确定"/></a>
</p>
<iframe src="" frameborder="1" name="Determine" height="350" width="1000">
</iframe>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style stpe="txet/css">
h1{font-size:100px;}
h3{
color:orangered;
font-size:150px;
}
h2{
color:darkgreen;
font-size:100px;
}
</style>
</head>
<body>
<div>
<h1>恭喜你中招了</h1>
<h3>大傻逼！！！！！！！！！！</h3>
</div>
<h2>哈哈哈哈哈哈哈哈哈哈哈哈哈哈！！！！！！！！！！！！！！！！</h2>
</body>
</html>
以上内容纯属恶搞
原文：http://www.cnblogs.com/f-24/p/5003403.html