html - 制作网页表单的最佳实践

Question

可以使用表格制作网页表单还是应该使用 div？我知道如何使用表格，但我应该如何使用 div 制作表格，还是使用表格更好？

<form method="post">
    <table>
        <tr>
            <td>
                <label for="username">Username:</label>
            </td>
            <td>
                <input type="text" name="username" id="username"/>
            </td>
        </tr>
        <tr>
            <td>
                <label for="password">Password:</label>
            </td>
            <td>
                <input type="password" name="password" id="password"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="cancel" value="Cancel"/>
            </td>       
            <td>
                <input type="submit" name="send" value="Send"/>
            </td>
        </tr>
    </table>
</form>

Possible Duplicate: Why-not-use-tables-for-layout-in-html

Answer 1

不要使用表格，那是一个非常brittle , 非 semantic布局，使用适当的 CSS 布局。下面是一些演示文稿，解释了一些好的表单布局方法，包括可用性方面的考虑。第一个链接更多关于代码，第二个链接更多关于设计和可用性考虑:

• Learning To Love Forms (Web Directions South '07)
• Best Practices for Form Design