如何對齊數字輸入右側和文本輸入左側？

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