DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><form action="/save" method="post"><label for="name">姓名:</label><input type="text" id="name" name="name" required><!-- 有label标签，点击文字也等于点击输入框 --><br>年龄:<input type="number" id="age" name="age" required><br><label for="email">邮箱:</label><input type="email" id="email" name="email" required><br><label for="password">密码:</label><input type="password" id="password" name="password" required><br>性别:<input type="radio" id="male" name="gender" value="male"><label for="male">男</label><input type="radio" id="female" name="gender" value="female"><label for="female">女</label><br>爱好:<input type="checkbox" id="reading" name="hobbies" value="reading"><label for="reading">阅读</label><input type="checkbox" id="sports" name="hobbies" value="sports"><label for="sports">体育</label><br><!-- 生日 --><label for="birthday">生日:</label><input type="date" id="birthday" name="birthday" required><br><!-- 时间 --><label for="time">时间:</label><input type="time" id="time" name="time" required><br><!-- 上传文件 --><label for="file">选择文件:</label><input type="file" id="file" name="file" required><br><!-- 下拉框 --><label for="country">国家:</label><select id="country" name="country" required><option value="China">中国</option><option value="USA">美国</option><option value="Japan">日本</option></select><br><!-- 多行文本框 --><label for="message">留言:</label><textarea id="message" name="message" rows="4" cols="50" required></textarea><br><!-- 定义隐藏的表单域 --><input type="hidden" name="hidden_field" value="hidden_value"><br><input type="submit" value="提交"></input><input type="reset" value="重置"></input><!-- 按钮 --><button type="button">按钮</button><input type="checkbox" name="checkbox" value="checkbox_value">复选框</input><input type="radio" name="radio" value="radio_value">单选框</input></form>
</body>
</html>
