js如何设置输入域初始是一行，一行内容满了高度自动增加
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自适应编辑框</title>
<style type="text/css">
.auto-input {
width: 300px;
min-height: 20px;
max-height: 500px;
_height: 20px;
margin: 0;
padding: 2px 3px;
outline: 0;
border: 1px solid #a0b3d6;
font-size: 16px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
_overflow-y: visible;
}
.auto-area {
width: 300px;
outline: 0;
overflow: hidden;
}
</style>
</head>
<body>
<!--使用contenteditable属性结合div标签实现-->
<div id="autoInput" class="auto-input" contenteditable="true">
</div>
</body>
</html>
试下这个，使用Javascript控制textarea对不同的浏览器兼容性不是很好，如果大面积使用，可以把这个写成一个插件，自定义取值，设置值，创建等操作；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
