Ho un campo di input, un utente scriverà del testo all'interno ma quando il testo è troppo lungo si estende solo orizzontalmente invece di scendere verticalmente.Campo di input, testo a capo invece di estendere orizzontalmente
Ho provato: overflow: nascosto; word-wrap: break-word;
e non ho avuto fortuna. Qualche altro suggerimento su come realizzare questo?
Credo che si dovrebbe utilizzare un campo di input multilinea come TextArea:
http://htmlhelp.com/reference/html40/forms/textarea.html
codice di esempio:
<textarea rows="10" cols="30"></textarea>
Mi piacerebbe moltissimo usare una textarea ma io Sono costretto a usare un campo di input. – Xtian
Beh, penso che usando un campo di input non si possa ottenere questo comportamento. Almeno non l'ho mai visto prima. Ecco perché esiste TextArea. –
"Forzato" in che modo? –
Xtian - Non si dovrebbe avere alcuna restrizione su cui è necessario utilizzare uno <input> o uno <textarea>. Basta dare all'area del testo lo stesso nome che avresti usato per l'input e starai bene.
Per esempio, ho appena sostituito
<input type="text" name="reply" />
Con
<textarea rows="1" cols="26" name="reply"></textarea>
molto meglio ora.
utilizzare jQuery come indicato qui: http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu