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

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