如何仅对HTML表单的部分输入框设置文本右对齐？

给你三种简单可行的方案，按需选择：

1. 内联CSS样式（快速解决单个输入框） #

直接在需要右对齐的输入框上添加style属性，指定text-align: right即可，不会影响其他输入框：

<!-- 右对齐的输入框 -->
<input type="text" style="text-align: right;" placeholder="右对齐文本">

<!-- 默认左对齐的输入框 -->
<input type="text" placeholder="左对齐文本">

2. CSS类复用（适合多个需要右对齐的输入框） #

如果有多个输入框要设置右对齐，定义一个CSS类更方便维护，避免重复写内联样式：

/* 全局默认左对齐 */
input {
  text-align: left;
}

/* 自定义右对齐类 */
.input-right {
  text-align: right;
}

然后在HTML中给目标输入框添加这个类：

<input type="text" class="input-right" placeholder="右对齐文本">
<input type="text" placeholder="左对齐文本">
<input type="text" class="input-right" placeholder="另一个右对齐文本">

3. 按输入框类型/属性区分（有特定规则时用） #

如果是某类输入框（比如数字输入框）需要右对齐，可以直接通过属性选择器设置：

input[type="number"] {
  text-align: right;
}

这样所有type="number"的输入框都会自动右对齐，其他类型保持左对齐。

内容的提问来源于stack exchange，提问作者tc8112