Scrivere su due righe in un input type text

[Roby_72]

Salve.
Avrei la necessità di fare in modo che l'utente quando scriva in un campo testo (input type text) i 5 caratteri fissi del codice che deve digitare questi si dispongano su due righe automaticamente.
Ad esempio se scrive:

54321

quessto dovrebbe automaticamente andare a capo dopo il terzo carattere e visualizzarsi così (direttamente nel campo):

543
21

E' fattibile? Come?
Il codice digitato è sempre di 5 caratteri.

Grazie,
Roby

[Mich_]

Per quel che ne so, un campo testo e` fatto di una sola riga.

Per piu` righe si usa il campo textarea.

Potresti fissare la larghezza della textarea a tre caratteri (supponendo di usare un font tipo monospace) e permettere di spezzare le parole nel wrap.

Oppure inserire un \n dopo il terzo carattere (questo via JS).

Ciao
Michele

[Roby_72]

Supponevo si potesse solo con una textarea.
Il motivo è che ho poco spazio e quindi sarei costretto a togliere la barra di scorrimento classica della textarea perché occuperebbe troppo spazio... :master:
Come si fa?

In JS come comporre la funzione in modo da inserire un \n dopo il terzo carattere?

Thanks,

Roby

[br1]

<TEXTAREA ROWS="2" COLS="3" style="overflow:hidden">

ciao

[Roby_72]

Grazie.



Roby

[Mich_]

Non ricordo se pi puo` settare scrollbars="no" come attributo al tag.

Per la funzione, puoi applicarla all'evento onKeyUp:

onKeyUp="var v=this.value; if(v.length>3) if(v.charAt(3)!='\n') this.value=v.substr(0,3)+'\n'+v.substr(3);"


In conclusione:
<textarea class="piccolatext" onKeyUp="var v=this.value; if(v.length>3) if(v.charAt(3)!='\n') this.value=v.substr(0,3)+'\n'+v.substr(3);"></textarea>

dove nel foglio di stile ci sara`:
.piccolatext {scrollbars:no; font-family:monospace; width:3em; height:2em;}

Non sono sicurissimo che tutto sia corretto, ma lo spirito dovrebbe essere questo.

Ciao
Michele

[Roby_72]

Ti ringrazio...


Roby