如何在 html5 中对标签进行分组?
How to group labels in html5?
如何以语义方式对标签进行分组?例如:
如果我正在制作关于最喜欢的食物的表格,如:
<form>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
<input type="submit" name="submit" value="submit">
</form>
我会在它们前面放一个 <h2>Favorite foods</h2>
还是有更符合语义的标签?
这个问题很笼统,可以归结为偏好,但您可以使用 fieldset
标签对字段进行分组,然后对 [=23= 使用 legend
标签].
<form>
<fieldset>
<legend>Favorite Foods</legend>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
</fieldset>
<input type="submit" name="submit" value="submit">
</form>
如何以语义方式对标签进行分组?例如:
如果我正在制作关于最喜欢的食物的表格,如:
<form>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
<input type="submit" name="submit" value="submit">
</form>
我会在它们前面放一个 <h2>Favorite foods</h2>
还是有更符合语义的标签?
这个问题很笼统,可以归结为偏好,但您可以使用 fieldset
标签对字段进行分组,然后对 [=23= 使用 legend
标签].
<form>
<fieldset>
<legend>Favorite Foods</legend>
<label for="food1">Rice</label>
<input type="checkbox" id="food1" name="food"><br>
<label for="food2">Pasta</label>
<input type="checkbox" id="food2" name="food"><br>
<label for="food3">Meat</label>
<input type="checkbox" id="food3" name="food"><br><br>
</fieldset>
<input type="submit" name="submit" value="submit">
</form>