html - 如何在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
标签对字段进行分组,然后使用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>
推荐阅读
- python - TypeError(python tkinter 条目)
- sql - 带有 JOIN 的 Oracle SQL 触发器
- r - quantstrat 中 add.indicator() 中的参数
- c++ - WxWidgets 应用程序构建错误 Visual Studio 2019
- zebra-printers - 如何在 ZPL 中进行设置,使标签进一步伸出 20 毫米(额外弹出 20 毫米)?
- c# - Windows 服务 TCP 客户端监视器
- python - 如何在 GNURadio 中读取实时值?
- ios - 界面构建器更改不会反映在运行时
- python - 屏幕尺寸与 Python tkinter 中的窗口尺寸一致
- java - 在 Hive 中禁用信息日志