<!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>
标签:文件,列表框,15,文本框,按钮,选框
From: https://www.cnblogs.com/zhanjianhai/p/17709436.html