DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单练习title>
<style>
form {
margin-left: 50px;
}
.sure {
margin-bottom: 30px;
margin-left: 50px;
width: 150px;
}
div {
border: 1px solid black;
width: 350px;
height: 500px;
}
input {
margin-top: 20px;
}
h3 {
margin-top: 30px;
margin-left: 60px;
}
style>
head>
<body>
<div>
<form action="action.html" method="get">
<h3>请填写开户资料h3>
姓 名：<input type="text" name="username" placeholder="请输入真实姓名"/><br/>
密 码：<input type="password" name="password" /><br/>
性 别：<input type="radio" name="gender" value="男" id="nan" /><label for="nan">男label>
<input type="radio" name="gender" value="女" id="nv" checked /><label for="nv">女label><br/>
身份证号：<input type="text" name="idcard" /><br/>
联系电话：<input type="text" name="idcard" /><br/>
邮 箱：<input type="text" name="idcard" /><br/>
地 址：<input type="text" name="address" /><br/>
<input type="submit" value="确定开户" name="sure" class="sure" />
form>
div>
body>
html>