Artikel ini menjelaskan metode JS untuk mengimplementasikan kotak teks Formulir Tinggi Adaptif. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> JS mengimplementasikan kotak teks bentuk tinggi adaptif </iteme>
<type style = "text/css">
#shadow, #text {font: 12px/16px Arial; Lebar: 200px; meluap: tersembunyi; Tinggi: 16px; }
#shadow {position: absolute; Perbatasan-lebar: 0px; padding: 0px; Visibilitas: Tersembunyi; }
#text {mengubah ukuran: tidak ada; }
</tyle>
<type skrip = "Teks/JavaScript">
window.onload = function () {
var text = document.geteLementById ("text"); // kotak teks yang dilihat oleh pengguna
var shadow = document.geteLementById ("shadow"); // kotak teks tersembunyi
text.oninput = // non -e
Text.onPropertyChange = // IE's
Onchange;
fungsi onchange () {
Shadow.Value = Text.Value;
setHeight ();
setTimeout (setHeight, 0); // Untuk penundaan IE 6/7/8, jika tidak, akan ada entri dan keluar karakter
fungsi setHeight () {text.style.height = shadow.scrollheight + "px"; }
}
};
</script>
</head>
<body>
<textarea id = "text"> </textarea>
<textarea id = "shadow"> </textarea>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.