で「複数行表示」&「入力欄のサイズ変更可」対応させることは出来ますか?

投稿者: Anonymous

<input type="text">で下記実装は可能ですか?

  • 複数行表示対応
    ブラウザ上の見た目は<textarea>のような表示だけれども、HTMLタグは<input type="text">にしたい、という意味です

  • 入力欄のサイズ変更可対応
    <textarea>右下にあるような入力欄のサイズ変更機能の追加

解決

複数行のテキストに input 要素を使用することはネイティブでは不可能です[1]

§ 4.10.5.1.2 Text (type=text) state and Search state (type=search)[1]

The input element represents a one line plain text edit control for the element’s value.

textarea 要素を使用すると良いと思います。

§ 4.10.11 The textarea element[2]

The textarea element represents a multiline plain text edit control for the element’s raw value. The contents of the control represent the control’s default value.

回答者: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *