📜  我可以换行选择选项元素吗? (1)

📅  最后修改于: 2023-12-03 14:54:24.001000             🧑  作者: Mango

可以换行选择选项元素吗?

程序员们常常会面临需要在表单中使用选项元素的情况,如下拉列表、单选按钮或复选框。在这些情况下,设计师可能会要求以换行方式呈现选项元素以便于阅读,那么,我们是否可以在这些情况下实现换行选择选项元素呢?

答案是肯定的。在HTML表单中,我们可以使用

单选按钮示例
<form>
  <label><input type="radio" name="sport" value="football"> Football</label><br>
  <label><input type="radio" name="sport" value="basketball"> Basketball</label><br>
  <label><input type="radio" name="sport" value="tennis"> Tennis</label><br>
  <label><input type="radio" name="sport" value="baseball"> Baseball</label><br>
</form>

在上述示例中,我们使用
标签在每个

复选框示例
<form>
  <label><input type="checkbox" name="hobby" value="reading"> Reading</label><br>
  <label><input type="checkbox" name="hobby" value="writing"> Writing</label><br>
  <label><input type="checkbox" name="hobby" value="swimming"> Swimming</label><br>
  <label><input type="checkbox" name="hobby" value="hiking"> Hiking</label><br>
</form>

在上述示例中,我们也使用了
标签在每个

总结

使用