html<textarea>根据输入自适应高度

来源：互联网发布：商城系统数据库设计编辑：程序博客网时间：2024/06/05 08:28



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TEST2.aspx.cs" Inherits="BDMonitor.TEST2" %><!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" ><head runat="server"> <title></title></head>
<script type="text/javascript">    var lastlen = 0;function shorten(o) {    var len = o.value.length;    if (len < lastlen) {        o.style.height = 0 + "px";        o.style.height = o.scrollHeight + "px";    }    lastlen = len;}function extend(o) {   if (o.offsetHeight < o.scrollHeight) {       o.style.height = o.scrollTop + o.scrollHeight + "px";   }}  </script>
<body> <form id="form1" runat="server"> <textarea  onpropertychange="extend(this)" oninput="extend(this)" onkeyup= "shorten(this)" style=" height:15px;font-size:14px;borger:1px solid green; overflow:hidden; "></textarea>
 </form>
</body>
</html>

阅读全文

0 0