<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
form{width: 400px;background: #9370D8;padding: 10px;margin-top: 150px;margin-left: 300px;}
button{background: #808080;padding: 8px;border-radius: 5px;}
button:hover{padding: 10px;background: #2F4F4F;border-radius: 5px;}
input{padding: 8px;background: #F8F8F8}
input:focus{padding: 8px;background: #FFC0CB}
</style>
</head>
<body>
<form action="L3_01.html" method="get">
<fieldset>
<legend>注册用户</legend>
<p><label for="name">账号：</label><input type="text" name="name" id="name" required="" placeholder="账号"></p>
<p><label for="password">密码：</label><input type="password" name="password" id="password" placeholder="密码"></p>
<p><label for="tel">电话号码：</label><input type="tel" name="tel" id="tel" placeholder="电话号码"></p>
<p><label for="email">电子邮箱：</label><input type="email" name="email" id="email" placeholder="电子邮箱"></p>
<!-- <input type="submit" value="确定"> -->
<button>注册用户</button>
</fieldset>
</form>
</body>
</html>