我最近遇到了几个这样的例子,比如:

<dl>
  <dt>Full Name:</dt>
  <dd><input type="text" name="fullname"></dd>
  <dt>Email Address:</dt>
  <dd><input type="text" name="email"></dd>
</dl>

用于制作HTML表单.为什么?使用表格的优势是什么?

推荐答案

我想由你来决定语义,但在我看来:

应该使用与表单相关的属性,而不是定义列表.

<form>
  <label for="fullname">Full Name:</label>
  <input type="text" name="fullname" id="fullname">
  <label for="email">Email Address:</label>
  <input type="text" name="email" id="email">
</form>

<;标签>;标记应引用a的"id"属性<;输入>;标签请注意,当标签与字段关联时,单击标签将使关联字段处于焦点.

也可以使用<;fieldset>;将表单的各个部分聚集在一起,然后<;传奇>;为字段集添加标题.

Css相关问答推荐

为什么我的Angular material css文件不工作?

Vue3日期 Select 器:禁用向左和向右箭头

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

无限交替css动画之间的未知延迟

如何为FLEX方向编写响应式的CSS

靴子,为什么我不能让任何东西正确地排好队?

这个 CSS :is() Select 器没有像我想象的那样工作

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿?

Vue3 组合 api 中的对象值样式

解释 "document.styleSheets[0].cssRules[0].style;"

有没有办法在 CSS 字体速记中使用数字字体粗细?

CSS 不要 Select 包含混合内容的 div 中的第一个元素

Flex & space-around 与内容相交

为什么同一个 CSS 类连续出现两次

CSS 仅过渡背景 colored颜色

对齐视图中的复选框(RN)

圆形加载动画

使用 CSS 在悬停时转换 SVG 路径的填充属性

如何保持包装的弹性项目与前一行元素的宽度相同?

如何停止 setTimeout 循环?