<!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>
<!--普通按钮，图像按钮 -->
<p>
<input type="button" value="button" name="button">
<input type="image" src="/resources/image/1.png" width="50" height="30">
</p>
<!--下拉框（列表框）-->
<p>国家：
<select name="国家" >
<option value="China">中国</option>
<option value="USA">美国</option>
<option value="India">印度</option>
</select>
</p>
<!--文本域-->
<textarea name="textarea" cols="50" rows="5"></textarea><br>
<!--文件域-->
上传文件： <input type="file" name="filed">
<!-- 最后-->
<p>
<input type="submit">
<input type="reset" value="清空">
</p>
</form>
</body>
</html>
