web-dev-qa-db-ja.com

入力フィールド、水平方向に拡張する代わりにテキストを折り返す

入力フィールドがあります。ユーザーはテキストを内部に書き込みますが、テキストが長くなると、垂直にドロップダウンするのではなく、水平方向に拡張します。

私は試した:

overflow: hidden;
Word-wrap: break-Word;

そして、私には運がなかった。これを達成する方法に関する他の提案はありますか?

30
Xtian

TextAreaとして複数行の入力フィールドを使用する必要があると思います。

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

サンプルコード:

<textarea rows="10" cols="30"></textarea> 
21

Xtian-<input>または<textarea>を使用する必要がある場所に制限はありません。テキスト領域に入力に使用した名前と同じ名前を付けるだけで問題ありません。

例えば、私はちょうど置き換えました

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

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

ずっと良くなりました。

4
Kyle Clegg