第2关:给表单组件添加说明__单选框
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>为表单的单选控件添加说明</title>
</head>
<body>
<form>
国庆期间你最喜欢看的电影?<br/>
<input type="radio" name="Film" value="Film1" >夺冠
<input type="radio" name="Film" value="Film2" id="Film2">
<label for="Film2">我和我的祖国</label>
<label> <input type="radio" name="Film" value="Film3" >姜子牙</label>
</form>
</body>
</html>
第3关:给表单组件添加说明——多选框
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>为表单的复选控件添加说明</title>
</head>
<body>
<form>
你喜欢的运动是?<br/>
<input type="checkbox" name="Sports" value="sport1" checked>打篮球
<input type="checkbox" name="Sports" value="sport2" id="sport2" >
<label for="sport2">打排球</label>
<label> <input type="checkbox" name="Sports" value="sport3">踢足球</label>
<input type="checkbox" name="Sports" value="sport4" >其他
</form>
</body>
</html>
第4关:给表单组件添加说明-文本框和文本域
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>为文本域控件添加说明</title>
</head>
<body>
<form>
推荐人:
<input type="text" autofocus="autofocus">
<br/>
<label for="reason">推荐理由:</label>
<textarea rows="4" cols="40" id="reason" required="required" wrap="hard"></textarea>
</form>
</body>
</html>