客趣旅游网
html作业，使用语义化表单标签
发布网友
发布时间：2022-04-20 09:05
共1个回答
热心网友
时间：2023-06-21 13:26
<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上运行去看。
我这边的浏览器结果。
声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
E-MAIL:11247931@qq.com