效果图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9d9d21dadc06c9f1b25a4d31d2e35c55.png)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- name 属性 是用来给后端区分看的,因为表单多了不容易区分 -->
用户名:<input type="text" value="请输入你的名字" name="username"/> <br/>
密码: <input type="password" name="pwd"/>
<br/>
性别:
<!-- 二选一 类型 radio -->
<!-- name 有两个, 谁选中了就送到后台去 -->
男<input type="radio" name="sex"/>
女<input type="radio" name="sex"/>
未知<input type="radio" name="sex"/>
<br/>
<!-- 多选 -->
<!-- checked 是默认的选中状态 -->
爱好:
睡觉 <input type="checkbox" name="hobby" checked="checked">
爬山 <input type="checkbox" name="hobby">
骑行 <input type="checkbox" name="hobby"> <br/>
<!-- submit 不用写value -->
<input type="button" value="获取验证码"> <br>
<input type="submit" > <br>
<input type="reset" value="重置"> <br>
<input type="image" src="url" /> <br/>
上传头像:
<!-- 上传文件用的 -->
<input type="file"/><br/>
</body>
</html>