Webアプリを作成していて、Textareaのサイズに悩んだこと、ありますよね?小さすぎると入力しにくいし、大き過ぎると狭い画面を使っている人に不親切。幅は、固定値でもよいですが、高さは内容に応じて変化するといいですよね。ということで、入力内容によって高さが変化するTextareaを作ってみました。 固定サイズのtextareaの例 100px * 40px 高さがたりなくていらいらする例。 こういう入力フィールドって使いにくいですよね。かといって大きすぎるtextareaも困り者です。最適なサイズって、画面サイズや入力内容に依存します。サイズを決めうちしちゃうと、使いにくい入力インタフェースになってしまいます。 可変サイズのtextareaの例 入力内容に応じてサイズの変わるtextareaの例。これなら、入力内容(行数)が多くても困りませんね。classにauto_resizeと指定し
![blog.eラーニング.co.jp» 入力フォーム(Textarea)のサイズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a800f4aad3b713419b1c74492c45712eed080123/height=288;version=1;width=512/http%3A%2F%2Fblog.elearning.co.jp%2Fwp-content%2Fplugins%2Fwp-ogp%2Fdefault.jpg)