textareaを改行に応じて自動で高さが変わるようにする方法 - Qiita$(function() { var $textarea = $('#textarea'); var lineHeight = parseInt($textarea.css('lineHeight')); $textarea.on('input', function(e) { var lines = ($(this).val() + '\n').match(/\n/g).length; $(this).height(lineHeight * lines); }); });
テキストエリアのリサイズ機能を、CSSで制御する方法 | たねっぱ！
デフォルトでは、エリアの右下をドラッグしてリサイズできますが、レイアウトが崩れることもあります。 CSSを使って防げますので紹介します。 CSSでテキストエリアのリサイズを制御してみよう ベースとなるHTML、CSSはこちらです。 <textarea name="sample"></textarea> <style> textarea{ width: 150px; height: 100px; } </style> デフォルト（タテ・ヨコともにリサイズ可能な状態） 通常はこの状態です。 textarea { resize: both; } タテ方向のみリサイズ可能 textarea { resize: vertical; } ヨコ方向のみリサイズ可能 textarea { resize: horizontal; } テキストエリアの最小値と最大を指定する（指定の大きさまでリサイズ可） 最小
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
