2010-07-15 6 views
29

Ich habe ein Eingabefeld, ein Benutzer schreibt Text, aber wenn der Text zu lang ist, wird er horizontal dargestellt, statt vertikal herunterzufallen.Eingabefeld, Text umwickeln statt sich horizontal zu erstrecken

Ich habe versucht: Überlauf: versteckt; Wortumbruch: Bruchwort;

und ich hatte kein Glück. Irgendwelche anderen Vorschläge, wie man das erreicht?

+0

Verwenden Sie jQuery wie hier erwähnt: http://stackoverflow.com/questions/8809568/html-javascript-vertical-expand-textbox-when-text-is-too-long – kurifu

Antwort

21

Ich glaube, Sie ein mehrzeiliges Eingabefeld als TextArea- verwenden sollte:

http://htmlhelp.com/reference/html40/forms/textarea.html

Beispielcode:

<textarea rows="10" cols="30"></textarea> 
+6

Ich würde gerne eine Textarea verwenden, aber ich bin gezwungen, ein Eingabefeld zu benutzen. – Xtian

+0

Nun, ich denke, dass Sie mit einem Eingabefeld dieses Verhalten nicht bekommen können. Zumindest habe ich das noch nie zuvor gesehen. Deshalb existiert TextArea für. –

+3

"Forced" in welcher Weise? –

4

Xtian - Sie sollten keine Einschränkung haben, wo Sie verwenden müssen ein <input> oder ein <textarea>. Geben Sie dem Textbereich den gleichen Namen, den Sie für die Eingabe verwendet hätten, und es wird Ihnen nichts passieren.

Zum Beispiel habe ich gerade ersetzt

<input type="text" name="reply" /> 

Mit

<textarea rows="1" cols="26" name="reply"></textarea> 

jetzt viel besser.