HTML基础
<input type="checkbox" id="hobby2" name="hobby" value="coding">
<br>
<label for="hobby2">编程</label>
<br>
<br>
type="radio"：单选按钮，用于从多个选项中选择一个，需保证同一组单选按钮的name属性相同：
<br>
<p>性别：</p>
<br>
<input type="radio" id="male" name="gender" value="male">
<br>
<label for="male">男</label>
<br>
<br>
<input type="radio" id="female" name="gender" value="female">
<br>
<label for="female">女</label>
<br>
<br>
除了<input>，还有其他常用控件：
<br>
<textarea>：多行文本输入框，用于输入大量文字（如留言、评论），可通过rows和cols属性设置初始大小：
<br>
<label for="comment">留言：</label>
<br>
<textarea id="comment" name="comment" rows="5" cols="30"></textarea>
<br>
<br>
<select>和<option>：下拉菜单，适合选项较多的场景，节省页面空间。<select>定义下拉菜单，<option>定义每个选项：
<br>
<label for="city">城市：</label>
<br>
<select id="city" name="city">
<br>
<option value="beijing">北京</option>
<br>
<option value="shanghai">上海</option>
<br>
<option value="guangzhou">广州</option>