HTML表单 - 在您看来,它们应该如何完成以及为什么要这样做？(<div> vs. <p>)

Question

我很长一段时间都是开发人员,但是表格一直是我最不喜欢的部分,更具体地说是设计它们!

我真的很想知道你是怎么做形式的,为什么.我已经过了与其他开发商一些讨论<div>VS <p>的表单字段.你会坚持哪一个,为什么？

我正在谈论的一个例子:

<form action="" method="post">
    <p>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" />
    </p>

    <p>
        <label for="submit"></label>
        <input type="submit" name="submit" id="submit" value="Log In" />
    </p>
</form>

VS

<form action="" method="post">
    <div>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" />
    </div>

    <div>
        <label for="submit"></label>
        <input type="submit" name="submit" id="submit" value="Log In" />
    </div>
</form>

在风格方面,似乎你可以做到两者都差不多,所以它只是个人偏好,还是背后使用其中的逻辑呢？

谢谢你的时间 :)

更新 我最后关注了一篇关于HTML5表单的好文章,并且实际上发现它允许更好的表单样式.从发展的角度来看,它们更有组织性.对于任何感兴趣的人,它位于:http://24ways.org/2009/have-a-field-day-with-html5-forms

Answer 1

HTML就是语义学.没有理由username或submit应该在paragraph(<p>)中,因为它不是段落.

所以我会<div>改用.好吧,也许<div>没有任何意义.但它比<p>.

Answer 2

我更喜欢<div>变体,因为它的语义更接近你想要表达和标记的内容.

一个<p>标记是文本段落,而<div>任何类型的通用块.