Come abbinare le dimensioni e la lunghezza massima di una casella di testo?

Question

Come si combina la dimensione e la lunghezza massima di una casella di testo? È molto fastidioso che gli attributi maxlength e size non siano allineati e dipendano dall'uso del font.

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

Qualche suggerimento?

Answer 1

Non penso che corrisponderà e sarà molto dipendente dal browser. La cosa migliore è usare i CSS per impostare la larghezza dell'input.

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

input {width:30px;} 

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

si potrebbe anche trovare un qualche tipo di funzione per dimensioni che in base al largo di carattere, dimensione del carattere, e la lingua. Qualcosa di simile, per esempio ..

Esempio:

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