В этой статье описывается метод JS для реализации текстовых поля адаптивной формы высоты. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! 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">
<голова>
<TILE> JS реализует текстовое поле адаптивной формы высоты </title>
<стиль типа = "text/css">
#shadow, #text {font: 12px/16px arial; Ширина: 200px; переполнение: скрыто; Высота: 16px; }
#shadow {position: Absolute; ширина границы: 0px; Заполнение: 0px; видимость: скрыта; }
#Text {resize: нет; }
</style>
<script type = "text/javascript">
window.onload = function () {
var text = document.getElementbyId ("text"); // текстовое поле, увиденное пользователем
var shadow = document.getElementbyId ("shadow"); // Скрытое текстовое поле
Text.oninput = // не-И-И
text.onpropertychange = // т.е.
Онхандж;
функция onchange () {
shadow.value = text.value;
setheight ();
SetTimeout (Setheight, 0); // для задержки IE 6/7/8, иначе будет запись персонажа и выход
function setheight () {text.style.height = shadow.scrollheight + "px"; }
}
};
</script>
</head>
<тело>
<textarea id = "text"> </textarea>
<textarea id = "shadow"> </textarea>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.