Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Membuat Ketinggian Textarea Penyesuaian Sendiri dalam JavaScript?
Textarea Auto Height: Menetapkan Ketinggian Berdasarkan Kandungan
S&J:
S: Bagaimana bolehkah saya membuat ketinggian textarea menyesuaikan diri dengan ketinggian kandungan teksnya, menghapuskan keperluan untuk a bar skrol?
J: Berikut ialah penyelesaian JavaScript:
function auto_grow(element) { element.style.height = "5px"; element.style.height = (element.scrollHeight) + "px"; }
Untuk menggunakan kod ini, tambahkan gaya CSS berikut pada kawasan teks anda:
textarea { resize: none; overflow: hidden; min-height: 50px; max-height: 100px; }
Berikut ialah contoh HTML:
<textarea oninput="auto_grow(this)"></textarea>
Ini kod:
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Ketinggian Textarea Penyesuaian Sendiri dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!