html 输入框水平居中

HTML中的输入框水平居中可以通过CSS来实现，主要有两种方法：

1. 使用`text-align: center;`：

<style>
    .input-container {
        display: flex;
        justify-content: center; /* 这里使元素在主轴（默认为横轴）上居中 */
    }
    
    .input-field {
        /* 其他样式 */
    }
</style>

<div class="input-container">
    <input type="text" class="input-field" placeholder="请输入...">
</div>

这里的`.input-container`应用了`display: flex;`，然后`justify-content: center;`使其内的元素在容器内水平居中。

2. 使用Flexbox布局：

<style>
    .input-field {
        display: flex;
        align-items: center; /* 这里使元素在交叉轴（默认为纵轴）上居中，如果输入框还有边框或背景，此属性会使其顶部对齐 */
        margin: 0 auto; /* 如果容器宽度不确定，可以使用margin: 0 auto 来让输入框自动适应容器宽度并居中 */
    }
</style>

<input type="text" class="input-field" placeholder="请输入...">

这个方法假设输入框父级元素已经设置了`display: flex;`。