我一直在努力设计 css 表单，我永远无法同时获得输入和标签。你有什么智慧的话可以帮助我。
我通常在底部使用 10px 的边距，但无法使它们对齐
我的常用表单:
Name:
Email:
Phone:
Message:
text area
最佳答案
我知道我会遭到那些认为唯一可能的做事方式是使用纯 CSS、div、span 等的人的强烈反对。但是，您的表单是表格形式的。您有一列标题和一列输入字段。在这种情况下，由于表格布局，有效的解决方案可能是表格.....GASP!
表格对页面布局无效...让我再重复一遍，表格对布局无效。但是，您获得了页面的一个元素，而不是进行完整的页面布局。您可以轻松使用 <th>元素来设置输入标签的样式，既快速又简单。总的来说，表格(表格)解决方案比许多给出的 CSS 布局更简洁，从纯 HTML 的 Angular 来看这是一个胜利。即使服务器备份并且无法加载外部 CSS 文档，它也会继续正常工作和布局。对于所有认为表格永远都不好的人，让我提醒您，只要您的表格结构正确，此解决方案将在 100% 的时间内通过 W3 进行验证。而且它更加跨浏览器兼容，在“crabby”遗留浏览器中没有框模型问题。当然，作为最佳实践，继续逐步增强 CSS。
理论和实践，尤其是在网络世界中，是完全不同的两件事。理论上，我们所有人都应该产生 100% 的 HTML5/CSS3/语义/SEO 优化……等等等等。在实践中，理论只适用于第一次客户投诉。渐进增强是生存的关键。当网络表单在大型公司环境中崩溃时，金钱就会损失，人们也会被解雇。出于这个原因，我最近工作的国际银行有要求要求其所有网络表格都是表格(用表格组装)，很难与用户每年为公司带来数亿美元的网站组合争论。
关于html - CSS 表单设计帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5589929/