当前位置:  开发笔记 > 前端 > 正文

在html中显示表单时使用表标签是不好的设计?

如何解决《在html中显示表单时使用表标签是不好的设计?》经验,为你挑选了3个好方法。

我一直听说div标签应该用于布局目的而不是table标签.那么这也适用于表单布局吗?我知道表单布局仍然是一个布局,但似乎创建表单布局与divs需要更多htmlcss.那么考虑到这一点,表单布局应该使用div标签吗?



1> Tim Booker..:

是的,它确实适用于表单布局.请记住,还有像FIELDSET和LABEL这样的标签,专门用于向表单添加结构,因此它不仅仅是使用DIV的问题.您应该能够使用非常小的HTML标记表单,并让CSS完成剩下的工作.例如:

...


您可能想要添加@Mr Matt所做的事情 - 将其全部包装在
    中.总之,这应该是最好的答案.

    2> David Heggie..:

    我认为,使用优秀的HTML和CSS很好地布局表单是很困难的.CSS为您提供的布局控制级别远远超出任何笨重的基于表格的布局.这不是一个新想法,正如2006年Smashing Magazine的文章所示.

    我倾向于在表单中使用以下标记的变体.我的CSS中有一个通用的.form样式,然后是文本输入,复选框,选择,textareas等的变体.

    .field label {
      float: left;
      width: 20%;
    }
    
    .field.text input {
      width: 75%;
      margin-left: 2%;
      padding: 3px;
    }


    3> mbrevoort..:

    如果您只需要简单的行列夹点类型布局,那么使用表格就不会感到内。我不知道有人会因为不是CSS而称其为“不良设计”。我见过许多基于CSS的糟糕设计。我喜欢CSS,并且认为CSS在许多方面都比传统的嵌套表布局优越,但是可以做到最好,最容易维护,并做出更重要,更具影响力的决策。

推荐阅读
coco2冰冰
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有