<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form enctype="multipart/form-data">
<div>
<!--radio 表示的是圆形选择 -->
<p>请选择性别</p>
男:<input type="radio" name="gender" value="1" checked="checked"/>
女:<input type="radio" name="gender" value="2" />
中:<input type="radio" name="gender" value="3" />
<p>爱好</p>
<!--checkbox 表示的是方形多选 -->
篮球: <input type="checkbox" name="favor" value="1" />
足球:<input type="checkbox" name="favor" value="2" checked="checked" />
桌球:<input type="checkbox" name="favor" value="3" />
台球:<input type="checkbox" name="favor" value="4" />
<p>技能</p>
撩妹:<input type="checkbox" name="skill" />
写代码:<input type="checkbox" name="skill" />
<p>上传文件</p>
<!--file 是上传文件 必须加上 <form enctype="multipart/form-data">-->
<input type="file" name="fname"/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</div>
</form>
</body>
</html>
上面是结果, 下面是代码