<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册界面</title>
<style>
p{
color: blue;
}
#d1,#d2,#d3{
color: gray;
}
p>label{
color: aquamarine;
}
#d4,#d6{
color: brown;
}
#d7,#d8,#d9{
color: blueviolet;
}
h1{
color: red;
}
</style>
</head>
<body>
<h1 > 欢迎注册</h1>
<form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data">
<p><label for="d1">
用户名:
<input type="text" id="d1" value="请输入用户名" name="username">
</label></p>
<p><label for="d2">
密码:
<input type="password" id="d2" value="123456" name="password">
</label></p>
<p><label for="d3">
确认密码: <input type="password" id="d3" value="123456" name="re_pwd">
</label></p>
<p id="d7">性别:
男<input type="radio" name="gender" checked value="male">
女<input type="radio" name="gender" value="female">
</p>
<p id="d8">生日:
<input type="date"></p>
<p id="d9">特长:
python: <input type="checkbox" name="hobby" checked value="python">
java: <input type="checkbox" name="hobby" value="java">
c++: <input type="checkbox" name="hobby" value="c++">
</p>
<p>所在城市:
<select name="city" id="d4">
<option value="sh">上海</option>
<option value="bj">北京</option>
<option value="sz">深圳</option>
</select>
</p>
<p>个人简介:
<textarea name="info" id="d5" cols="30" rows="1"></textarea>
</p>
<p>个人简历:
<input type="file" name="my_file">
</p>
<p>隐藏输入框:
<input type="hidden">
</p>
<p>
<input type="button" value="按钮">
<input style="color: red" type="reset" value="重置">
<button id="d6">个人信息以确认</button>
<input type="submit" value="提交">
</p>
</form>
</body>
</html>