以前我一直在使用<table>
标记以便以这样一种方式构建表单,即我们是一个格式良好的表单,以便每个标签和字段彼此在线,如下所示:
Email: [############]
Password: [############]
但是这里存在语义问题,表单不完全是表格数据。因此,表格在图形上适合的地方,它不在语义级别上。
构建表单的正确方法是什么,以便它在数据类型方面既美观又语义正确?
最佳答案
这A List Apart article正是这样做的。
它使用语义正确的标签和 CSS 样式来构建具有稳定边距的无表格表单。简而言之,它使用 label
标签来显示文本,并赋予它们固定的宽度,使表单字段从相同的水平位置开始。
有关具有灵活维度的解决方案,请参阅 Fluid input elements .
关于html - 在 HTML 中插入表单的正确方法是什么,使其字段标签与输入字段的距离相等?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16076121/