Specificare la larghezza di 3 caratteri per un testo di input HTML

Come creare una casella di testo HTML in cui possono essere inseriti esattamente 3 caratteri?
L'ho trovato online: <input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
Crea una casella di testo con una larghezza di 10px. Potrei usarlo, ma mi chiedevo se avremmo potuto impostare esplicitamente la larghezza di 3 caratteri invece di "giocare" con i pixel,Specificare la larghezza di 3 caratteri per un testo di input HTML

fonte

2013-06-02 Cratylus

Qualche discussione interessante su questo [qui] (http://stackoverflow.com/q/1480588/589985) - l'attributo 'size' dovrebbe funzionare, ma verrà sovrascritto da qualsiasi CSS che potrebbe essere applicato. E potrebbe non essere coerente tra i vari browser ... –

@XavierHolt: 'size' è per l'input massimo accettabile. Mi interessa la larghezza – Cratylus

@Craytus - In realtà, 'size' influenza la larghezza qui -' maxlength' è quella che controlla il numero massimo di caratteri. Controlla [questa pagina] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input) per una descrizione più approfondita. –

Non affidabile, poiché l e W hanno larghezze molto diverse.

Tuttavia, se si imposta il carattere su monospace, questo aiuta. Quindi, dovresti essere in grado di impostare size="3" sull'elemento di input e in teoria dovrebbe essere esattamente di tre caratteri.

fonte

2013-06-02 19:52:22

Questo in genere funziona anche nella pratica. E il carattere non deve essere impostato su 'monospace' (il font monospace generico dipendente dal browser) ma su * alcuni * font monospace, ad es. con 'font-family: Consolas, Lucida Console, monospace'. –

Specificare la larghezza di 3 caratteri per un testo di input HTML

risposta

Problemi correlati