html基础代码使用

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">&nbsp忘记用户名</a></p>

</div>
<br/>

<div>

<label for="password" name="passwrod">密&nbsp码</label>
<input type="password" name="password"/>
<p><a href="忘记密码.html" target="blank">&nbsp忘记密码</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">用&nbsp;户&nbsp;名</lable>
<input type="text" name="username"/>
</div>

<br/>

<div>
<lable name="password">密&nbsp;&nbsp;&nbsp;码</lable>
<input type="password" name="password"/>
</div>

<br/>

<div>
<lable name="Confirm-password">确认&nbsp;密码</lable>
<input type="password" name="confirm-password"/>
</div>

<br/>

<div>
<lable name="e-mail">邮&nbsp;&nbsp;&nbsp;箱</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">姓&nbsp;&nbsp;&nbsp;名</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" alt=""/>


</body>
</html>

忘记密码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="ddd.jpg" alt=""/>
<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>

 

以上内容纯属恶搞

posted @ 2015-11-28 20:42  Ctrl+V  阅读(333)  评论(0编辑  收藏  举报