1、登录
<html>
<head>
<litle></litle>
<style>
body{ <!--设置网页背景-->
background-color:6600FF;
}
h1{text-align:center;}
.date{text-align:center;}<!--整体内容居中-->
a:link {color:#00FFFF;text-decoration:none;}<!--设置链接的样式-->
a:hover{color:#00FFFF;text-decoration:underline;}
a:active{color: #00FFFF}
div{
width:300px;
height:300px;
background-color:black;
border:300px;
padding-top:70px;
margin-top:180px;
margin-left:550px;
color:00FFFF;
}
</style>
</head>
<body>
<div>
<h1>登录</h1>
<form>
<p class="date">
账号：<input type="text" value="请输入账号"><br>
密码：<input type="password" maxlength="6"><br>
<input type="submit" value="登录">
</p>
</form>
<p class="date">若未注册,请点击<a href=2.html>注册</a></p>
</div>
</body>
</html>结果
22
2、注册
<html>
<head>
<litle></litle>
<style>
h1{text-align:center;}
p.one{text-align:center;}
div{
width:300px;
height:300px;
background-color:black;
border:300px;
padding-top:70px;
margin-top:180px;
margin-left:550px;
color:00FFFF;
}
</style>
</head>
<body>
<div>
<h1>注册</h1>
<form>
<p class="one">
用户名：<input type="text"><br>
手机号：<input type="text"><br>
<!--通过选择按钮选择性别-->
<!--name属性是标示表单字段,单选按钮和复选框需要标示相同的-->
性别：
<input type="radio" name=see>男
<input type="radio" name=see>女<br>
设置密码：<input type="password" maxlength="6"><br>
<input type="submit" value="登录">
</div>
</P>
</form>
</body>
</html>结果
扫一扫
5767
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
