[解決済み] input type="text "要素内のテキストを折り返す HTML/CSS

質問

以下のようなHTMLです。

<input type="text"/>

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

---

以下のテキストを追加すると

素早い茶色の狐は、怠け者の犬を飛び越えた。

以下のHTMLを使用します。

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

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

---

しかし、ブラウザでこのように表示させたいのですが。

---

input要素内のテキストを折り返したいのですが。 これはtextareaなしで達成することができますか？

どのように解決するのですか？

それは textarea の仕事であり、複数行のテキスト入力のためのものです。この input はそれを行いません。 それはそれをするために設計されていません。

ですから textarea . 見た目の違いの他に、JavaScript からは同じようにアクセスできます (たとえば value プロパティを使用します）。

改行が入力されないようにするために input イベントを使用し、単に replace(/\n/g, '') .