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/

相关文章:

javascript - 将标题放在顶部一个下面,类似于页面索引

javascript - 类似 Windows 的平铺边框效果

javascript - 什么颜色格式允许正确的颜色值 "adding"或 "mixing"?

trace - Opentracing 和 W3C 跟踪上下文之间的区别(关于 header )

javascript - 通过javascript或jquery减少php中的图像文件大小

javascript - 使用范围 slider 更改 div 的高度

html - Bootstrap 创建一个大按钮

css - <div> 高度 100% 在 Chrome 中不起作用

css - 为什么 CSS 属性在 Chrome、FF、Opera 中有不同的名称?

javascript - 我们可以在 </body> 之前的 IE 条件注释中添加 javascript