blog.eラーニング.co.jp» 入力フォーム(Textarea)のサイズ
Webアプリを作成していて、Textareaのサイズに悩んだこと、ありますよね？小さすぎると入力しにくいし、大き過ぎると狭い画面を使っている人に不親切。幅は、固定値でもよいですが、高さは内容に応じて変化するといいですよね。ということで、入力内容によって高さが変化するTextareaを作ってみました。 固定サイズのtextareaの例 100px * 40px 高さがたりなくていらいらする例。 こういう入力フィールドって使いにくいですよね。かといって大きすぎるtextareaも困り者です。最適なサイズって、画面サイズや入力内容に依存します。サイズを決めうちしちゃうと、使いにくい入力インタフェースになってしまいます。 可変サイズのtextareaの例 入力内容に応じてサイズの変わるtextareaの例。これなら、入力内容(行数）が多くても困りませんね。classにauto_resizeと指定し
404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSデザインされたTextAreaサンプル:phpspot開発日誌
[JS]フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizer
