console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>homework</title>
</head>
<body>
<h1>消费调查</h1>
<form action="/server/question" method="POST" class="form">
<legend>基本信息</legend>
<div class="field">
<label for="name">姓名: </label>
<input type="text" name="name" id="name" required />
</div>
<div class="field">
<label for="age">年龄: </label>
<input type="number" name="age" id="age" required />
</div>
<div >
<label for="money">每月零花钱: </label>
<input type="text" name="money" id="money" required />
</div>
<div class="field">
<span>性别: </span>
<label><input type="radio" name="sex" />男</label>
<label><input type="radio" name="sex" checked />女</label>
<label><input type="radio" name="sex" />其他</label>
</div>
<div class="field">
<label for="intro">主要开销: </label>
<textarea name="intro" id="intro" cols="30" rows="1"></textarea>
</div>
<legend>上传头像</legend>
<div class="field">
<label for="file">选择文件: </label>
<input type="file" name="file" id="file" />
</div>
<div class="field">
<input type="submit" value="提交" />
</div>
</form>
</body>
</html>
<style>
.centor {
width: 500px;
height: 50px;
display: block;
margin:0 auto;
margin-bottom: 0;
}
body {
font-size: 20px;
}
form > div{
margin: 25px;
padding: 5px;
border: 1px solid black;
}
form > div > label {
margin-left: 30px;
}
span {
margin-left:30px;
}
</style>