Jak dopasować rozmiar i maksymalną długość pola wprowadzania tekstu?

Question

Jak dopasować rozmiar i maksymalną długość pola wprowadzania tekstu? Bardzo irytujące jest to, że atrybuty maxlength i size nie są ustawione w linii i zależą od użycia czcionki.

Example input:<input type="text" size="4" maxlength="4" /> 

Wszelkie sugestie?

Answer 1

Nie sądzę, że będzie pasować i będzie to bardzo zależało od przeglądarki. Najlepszym rozwiązaniem jest użycie CSS do ustawienia szerokości wejścia.

<input type="text" maxlength="4" value="1234" /> 

input {width:30px;} 

http://jsfiddle.net/BqEsd/67/

Można również pochodzić z jakiejś funkcji do wielkości Opiera się charakter, rozmiar czcionki i języka. Coś takiego na przykład ..

Przykład:

http://jsfiddle.net/krishollenbeck/ohpy5L95/3/