html作业,使用语义化表单标签
发布网友
发布时间:2022-04-20 09:05
我来回答
共1个回答
热心网友
时间:2023-06-21 13:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
ul,li {
margin: 0;padding: 0;
}
li {
list-style-type: none;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div>
<h1>百格网用户登录</h1>
<form>
<fieldset>
<legend>您的注册邮箱是什么?</legend>
<ul>
<li>
<label>
我的注册邮箱是:<input type="text" name="email">(非邮箱注册的用户名,请您直接使用用户名登录)
</label>
</li>
</ul>
</fieldset>
</form>
<form>
<fieldset>
<legend>您拥有百格网的密码吗?</legend>
<ul>
<li>
<label>
<input type="radio" name="new">我是一个新客户
</label>
</li>
<li>
<label>
<input type="radio" name="new">我是老客户
</label>
</li>
<li>
<label>
我的密码是:<br>
<input type="text" name="password">
</label>
</li>
<li>
<label>
<input type="submit" name="submit" value="登录">
</label>
</li>
<li>
<label>
<a href="#">忘记密码</a>
</label>
</li>
<li>
<label>
<a href="#">自从上次登录后,您的电子邮件有效吗?</a>
</label>
</li>
</ul>
</fieldset>
</form>
<hr>
<a href="#">使用条款</a> <a href="#">隐私声明</a> ©1999-2012 百格网 版权所有
</div>
</body>
</html>
自己复制到html上运行去看。
我这边的浏览器结果。