input type="text" 要素内でテキストを折り返す HTML/CSS 質問する

input type=

下記のHTMLは、

<input type="text"/>

ブラウザでは次のように表示されます。


素早い茶色のキツネは怠け者の犬を飛び越えました。

以下のHTMLを使用して、

<input type="text" value="The quick brown fox jumped over the lazy dog."/>

ブラウザでは次のように表示されます。





ベストアンサー1

それがtextarea複数行のテキスト入力のための の役割です。input やらない; それを実行するようには設計されていません。

そのため、 を使用しますtextarea。見た目の違いはありますが、JavaScript 経由で同じ方法でアクセスします (valueプロパティを使用)。

inputイベント経由で改行が入力されるのを防ぎ、 を使用するだけで済みますreplace(/\n/g, '')

おすすめ記事