【问题标题】:Issue with table form html formating表格表单html格式的问题
【发布时间】:2011-08-22 17:45:09
【问题描述】:

我无法弄清楚为什么输入框和“:”没有离开......我已将所有属性更改为左侧并查看了填充和间距但仍然没有......有什么想法吗?我在这里做了一个jsfiddle:http://jsfiddle.net/C7u9P/

PS:如果您能回答,还有一个问题,为什么表格是制作表格的坏方法?我见过的很多表格都是表格,甚至是菜单!

【问题讨论】:

  • 嘎!用于布局的表格!用于布局的表格!!我的眼睛!!!!。现在详细说明一下,表格应该用于....表格数据,这意味着在表格中显示语义逻辑正确的数据,知道吗?我会发布一个答案来解释这一切
  • 表格表格并不邪恶,但有一个更好的方法:标签和 CSS。查看cssdrive.com/index.php/examples/exampleitem/tableless_forms
  • 你为什么使用请求类型:?

标签: html css


【解决方案1】:

冒号向左对齐 - 至少,它们与其单元格的左侧对齐 (td)。但是,第一列非常宽,并且它们位于自己的列上(出于某种原因),这使得它们看起来好像是向右对齐的。

关于使用表格构建表单,这里有一些讨论:tables for forms

【讨论】:

    【解决方案2】:

    为什么表格布局错误?

    表格中应该使用什么?

    好吧,表格只能用于您可以称之为表格数据的数据,这意味着可以在表格中显示的数据,例如:几种付款计划及其相对于彼此的优势,或者不同系统中游戏的最低要求。

    表格中不应该使用什么?

    实际上,其他任何东西。尤其是页面布局。为什么?

    1. 它会导致意外结果和跨浏览器不一致。
    2. 它使文件大小膨胀。
    3. Google up“为什么我不应该使用表格进行布局?”查找有关该主题的数千篇文章。

    我并不是说 form 布局的表格是邪恶的,但它仍然不应该用于有更好(语义)解决方案的地方。

    更好的解决方案

    在您的情况下,我会使用带有<ul> 和标签的简单表单,因为您的表单是项目列表:Example

    它更容易设计和维护。

    【讨论】:

    • 没问题,如果您觉得我的回答有用,请考虑支持/接受它,这将对我有很大帮助:) 谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-12
    • 2010-09-26
    • 1970-01-01
    相关资源
    最近更新 更多