html - 什么是在HTML中插入表单的正确方法,以使字段标签与输入字段之间的距离相等?

标签 html css w3c

以前,我一直使用<table>标记来构造表单,这样我们可以使用格式良好的表单,以便每个标签和字段都可以彼此对齐,如下所示:

Email:       [############]
Password:    [############]


但是,这里存在一个语义问题,一种形式并不完全是表数据。因此,在图形上适合表的地方,它不在语义级别上。

什么是构造表单的合适方法,以便它在数据类型方面在图形上以及语义上都是正确的?

最佳答案

A List Apart article正是这样做的。

它使用语义正确的标签和CSS样式来构建具有稳定边距的无表格形式。简而言之,它使用label标记显示文本,并为它们提供固定的宽度,以使表单字段在同一水平位置开始。

有关尺寸灵活的解决方案,请参见Fluid input elements

关于html - 什么是在HTML中插入表单的正确方法,以使字段标签与输入字段之间的距离相等?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16076121/

相关文章:

css - 真的有必要引用 url() 的值吗?

html - "href"代表什么?

javascript - 父工具提示应覆盖子工具提示

列表中的 CSS : get last HTML tag with a given class, 并非每个 HTML 标记都有此类

php - 从字符串返回所有匹配的 css

javascript - jquery淡出效果不隐藏其他内容

cross-browser - 属性border-radius在CSS级别2.1中不存在,但存在于:6px 6px

html - 背景附件 :fixed not working in chrome

javascript - 如何使canvas html中的区域可放置?

html - CSS Flexbox-如何在“卡片”设计中对齐相应的元素?