by shigemk2

当面は技術的なことしか書かない

text型のinput要素で複数行を表示したかった

結論から言うと、無理。




だってHTMLの巨神がそう言ってんだもん。
基本的なフォーム -- ごく簡単なHTMLの説明

テキスト型のinput要素では1行のデータしか入力することができません。

とりあえず、複数行表示にしたいので、cssでoverflowをautoにしたけどだめで、
colを指定すると、textarea型のinput要素になってしまう。

何がしたかったのかというと、改行不可能な入力要素を複数行で表示したかったわけ。

たとえばこんなの。

https://www.google.co.jp/search?client=opera&rls=ja&q=%E6%84%9A%E3%81%8B%E3%81%AA%E8%87%AA%E5%B7%B1%E9%80%83%E9%81%BF&sourceid=opera&ie=utf-8&oe=utf-8&channel=suggest#hl=en&client=opera&hs=KE5&rls=ja&channel=suggest&sclient=psy-ab&q=%E6%84%9A%E3%81%8B%E3%81%AA%E8%87%AA%E5%B7%B1%E9%80%83%E9%81%BF+%E5%85%A8%E5%9B%BD%E5%A4%A7%E4%BC%9A&oq=%E6%84%9A%E3%81%8B%E3%81%AA%E8%87%AA%E5%B7%B1%E9%80%83%E9%81%BF+%E5%85%A8%E5%9B%BD%E5%A4%A7%E4%BC%9A&gs_l=serp.3...2155.11672.0.11911.46.32.14.0.0.6.197.3631.12j20.32.0.les%3B..0.0...1c.1.wchEJwYsy9E&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=fa08b1e000feca1e&bpcl=35277026&biw=1247&bih=666

URLって改行されたらダメだけど、フォームの中に収まらないから高さを伸ばして複数行で表示させるとか
やりたかったんだけど、やっぱり無理だったみたいだ。