<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>学习单选框和多选框和按钮</title>
</head>
<body>
<h1>选择框和按钮</h1>
<form action="表格标签.html" method="get">
<p>账号：<input type="text" name="username" value="zhan" size="30" maxlength="8"></p>
<p>密码：<input type="password" name="pwd"></p>
<!--单选框
单选框 radio ， 同一组的才单选
value ：值
name : 组
-->
<p>性别
<input type="radio" value="boy" name="sex">男
<input type="radio" value="girl" name="sex">女
</p>
<!--多选框-->
<p>爱好：
<input type="checkbox" value="study" name="hobby">学习
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="game" name="hobby">玩游戏
<input type="checkbox" value="beautiful girl" name="hobby">漂亮女生
</p>
<!--普通按钮，图像按钮 -->
<input type="button" value="button" name="button">
<input type="image" src="/resources/image/1.png" width="50" height="30">
<!-- 最后-->
<p>
<input type="submit">
<input type="reset" value="清空">
</p>
</form>
</body>
</html>
