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

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;
}

如果您在网页上添加更多字段，这会对您有所帮助。

Answer 3

关于CSS外部文件的纠正：

input.right{
    text-align: right;
}