ciao,
purtroppo i campi input non riescono ad adattarsi al loro contenuto come potrebbe fare una <div>. Non c'è molto che si possa fare col CSS, occorre usare del javascript per fare in modo che la textbox si adatti in larghezza mentre l'utente digita.

Le alternative a disposizione sono poche, ma vediamone un paio lo stesso.

• Se non è un problema usare un font a larghezza fissa come Courier, potresti impostare dinamicamente l'attributo size del campo input. Ogni volta che l'utente digita un tasto, reimposti il size in base alla lunghezza attuale del testo. Qui vedi un esempio:
  http://jsfiddle.net/jZDBp/2/
• Dato che le div hanno una migliore capacità di adattamento, potremmo lasciare che l'utente digiti il testo al loro interno. L'attributo contenteditable di HTML5 lo renderà possibile. La necessità, a questo punto, è copiare il contenuto in un campo hidden perché altrimenti non verrebbe inviato come parte dei dati del form.
  http://jsfiddle.net/cahKK/

ciao

---

Modificato da BrightSoul il 17 aprile 2013 20.48 -