Este artículo describe el método de JS para implementar los cuadros de texto de formulario de altura adaptativa. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> JS implementa el cuadro de texto de formulario de altura adaptativa </title>
<style type = "text/css">
#Shadow, #Text {Font: 12px/16px Arial; Ancho: 200px; desbordamiento: oculto; Altura: 16px; }
#shadow {posición: absoluto; ancho fronterizo: 0px; relleno: 0px; Visibilidad: oculto; }
#Text {cambiar el tamaño: ninguno; }
</style>
<script type = "text/javaScript">
window.onload = function () {
var text = document.getElementById ("Text"); // El cuadro de texto visto por el usuario
var shadow = document.getElementById ("Shadow"); // cuadro de texto oculto
text.oninput = // no II
text.onpropertychange = // es decir
Onchange;
función onchange () {
shadow.Value = text.value;
setheight ();
setTimeOut (Setheight, 0); // Para el retraso del IE 6/7/8, de lo contrario habrá una entrada y salida de personaje
función setheight () {text.style.height = shadow.scrollheight + "px"; }
}
};
</script>
</ablo>
<Body>
<Textarea id = "text"> </extarea>
<Textarea id = "Shadow"> </extarea>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.