使用text-align: center可使HTML5输入框文本居中，包括placeholder；可通过内联样式或CSS类统一设置，需注意避免其他样式覆盖。

要让HTML5输入框中的文本居中显示，只需要使用CSS的 text-align 属性设置为 center 即可。

1. 基本语法

示例代码：

2. 使用CSS类统一设置

如果你有多个输入框需要居中，推荐使用CSS类来统一管理样式。

示例：

3. 注意事项

• 确保没有其他CSS规则覆盖 text-align 属性
• 如果父容器设置了 text-align: right 等，可能会影响，建议在 input 上明确指定
• 该设置只控制输入框内文本的水平对齐，不影响placeholder的垂直位置

4. Placeholder也居中吗？

基本上就这些。只要加一句 text-align: center，就能实现输入框文本居中，简单有效。