您的位置：首页 > Web前端 > CSS

用DIV+CSS模拟textarea，实现文本框高度自适应用户输入的文本

2014-04-01 17:28 1141 查看

效果图：

[align=left] [/align]

              关键代码：

              <div contenteditable="true"> </div>

          contentEditable：　

          是html中的一个属性。设置html的contentEditable=‘true’时，即可开启该元素的编辑模式

           代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<style type="text/css">
.test_box {
width: 400px;
min-height: 120px;
max-height: 500px;
border:1px solid #000 <!-- 设置对象边框宽度为1px黑色实现边框 -->
}
</style>
<body>
<div class="test_box" contenteditable="true"><br /></div>
<p>
<div class="test_box" contenteditable="true"><br /></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航