introduction
1。这textarea的是,当您创建像谷歌日历的描述一新的或更新一个存在的日历;
2。它的高度将改变品种进行用户的输入;
3。它的滚动条被删除,这使得用户更友好。我猜你可能会喜欢它。
使用代码
1. import the jquery.网页特效 and textarea.js
代码如下 | 复制代码 |
<script language="网页特效" type="text/javascript" src="js/jquery.min.js"></script> <script language="javascript" type="text/javascript" src="js/textarea.js"></script> |
2. add the following css教程
<style type="text/css">
代码如下 | 复制代码 |
.autoheight{border:1px solid #666666; width:300px; height:60px; line-height:20px; font:11px verdana; overflow:hidden;} |
</style>
3. add one textare html control
代码如下 | 复制代码 |
<textarea class="autoheight" id="textarea1"></textarea> |
4. make it works
代码如下 | 复制代码 |
<script language="javascript" type="text/javascript"> $(document).ready(function () { $(".autoheight").textareaautoheight(); }); |
</script>
时间: 2025-01-24 08:45:44