如何将数字输入右对齐和文本输入左对齐？

Question

如果我有两个<input type="text" ...并且我知道一个应该是文本而另一个是数值(并且在验证表单时将在PHP中检查),我是否可以将左侧文本框的内容和数字框的内容对齐使用CSS？

Answer 1

<style type="text/css">
     .right { text-align: right; } </style>

<input type="text" /> <input type="text" class="right"/>

Answer 2

可以像下面这样完成最新的更新

1. <input type="number" /> 用于文本字段的数字类型。
2. <input type="text"/> 用于输入字段的文本类型

然后，您可以使用CSS。

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


input[type=text] {
  text-align:left;
}

如果您将更多字段添加到网页中，这将对您有很大帮助。