2011-11-07 179 views
2

如何根據文本的大小設置文本字段的最大長度?如何設置與字符無關的文本字段大小?根據文本的大小設置文本字段的最大長度

當設置最大長度說例如我的文本字段大小爲10.但是,當我在文本字段中鍵入全1時,文本字段填充到其一半。 但是,當我嘗試設置UpperCase A,即10 A時,文本字段被填充,甚至溢出10個字符。

如何設置與字符無關的文本字段大小?

+0

...什麼?你是在談論HTML,比如''? – jornb87

+0

是的,即使在HTML中,如果我把maxlength = 10和width = 10,那麼對於每個字符,端點都不相同。對於1,終點位於文本字段的一半,對於A,第10個字符的終點位於文本字段的末尾。 – Mdhar9e

+0

所以你想要一個'輸入'字段,從字符開始小,然後自動增加字符輸入? – jornb87

回答

4

您應該選擇一個等寬字體。

E.g.

<input type="text" size="10" maxlength="10" style="font-family: monospace;"> 

(注:以上只是一個例子,通常的做法是在自己.css文件來定義CSS和使用class屬性來指代它)

結果:

enter image description here

font-family: monospace將選擇瀏覽器的默認等寬字體。但還有更多,如Lucida Console,Courier New等。

+0

謝謝。工作正常。 – Mdhar9e

+0

不客氣。 – BalusC

0

也許你的意思是這樣的?這將自動縮放輸入字段到您輸入的寬度。

​​

或者您可以使用它來使每個字符具有相同的寬度。

<input style="font-family: Courier New;" type="text" maxlength="10" size="10" /> 
相關問題