html表单input边框对齐

HTML表单中的input元素边框对齐可以通过CSS样式来实现。可以使用display:inline-block属性来让label和input元素在同一行显示，并且设置宽度和text-align属性来控制label元素的宽度和对齐方式。具体实现方法可以参考以下步骤：
1. 给label元素设置宽度和text-align属性，使其左对齐。
2. 使用display:inline-block属性让label和input元素在同一行显示。
3. 给input元素设置vertical-align:top属性，使其与label元素顶部对齐。
4. 可以使用CSS的box-sizing属性来控制input元素的边框和padding是否计算在元素的宽度内。

具体代码如下：

label {
  width: 100px;
  text-align: left;
  display: inline-block;
}
input {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 5px;
}