<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>单选复选框</title>
<link href="style.css" rel="stylesheet">
</head>
<body bgcolor="pink">
<center>
<h1 style="background-color:rgb(7, 245, 243);">请填写以下信息并提交</h1>
<div style="color:red">
<form action="tijiao.html">
姓名: <input type="text" name="yonghuming" id="yonghuming" required><br>
班级: <input type="text" name="mima" id="mima" required><br>
年龄：<input type="text" name="nianling" id="nianling" required><br>
性别：<input type="text" name="xingbie" id="xingbie" required><br>
爱好：<input type="text" name="miaihao" id="aihao" required><br>
邮箱：<input type="text" name="youxiang" id="youxiang" required><br>
</div>
<div style="color:rgb(97, 238, 19)">
<p>你喜欢旅游吗？</p>
<input type="radio" name="like" value="喜欢" />喜欢
<input type="radio" name="like" value="不喜欢" />不喜欢
<input type="radio" name="like" value="一般" />一般
</div>
<div style="color:blue">
你喜欢什么运动？<br/>
<label><input name="sport" type="checkbox" value="跑步" />跑步 </label>
<label><input name="sport" type="checkbox" value="篮球" />篮球 </label>
<label><input name="sport" type="checkbox" value="足球" />足球 </label>
<label><input name="sport" type="checkbox" value="羽毛球" />羽毛球 </label>
<label><input name="sport" type="checkbox" value="跳高" />跳高 </label>
<label><input name="sport" type="checkbox" value="攀岩" />攀岩 </label>
<label><input name="sport" type="checkbox" value="跳绳" />跳绳 </label> <br>
<input type="submit" value="提交">
</form>
</div>
</center>
</body>
</html>
原文地址：https://www.cnblogs.com/xiaoyueyuedeboke/p/9650723.html