jquery textarea 自适应宽度

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

jquery textarea 自适应宽度的相关文章

jquery实现文本框textarea自适应高度_javascript技巧

浏览器中默认的文本框是不能根据内容的增多变高,只能固定高度有滚动条,体验不是很好,找了很多方法兼容都不行,总算找到个兼容良好的方法: <body> <textarea id="textarea3" style="overflow-y:hidden; height:20px;resize: none"> </textarea> <script type="text/javascript" src="

jQuery实现iframe宽度、高度自适应方法

高度自适应超级简单的方法,也不用写什么判断浏览器高度.宽度啥的. 下面的两种方法自选其一就行了.一个是放在和iframe同页面的,一个是放在test.html页面的. 注意别放错地方了哦. iframe代码,注意要写ID  代码如下 复制代码 <iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrol

YUI网页布局:自适应宽度的输入框

YUI中有一种布局思想:栅格决定宽度,内容决定高度,今天讨论的是自适应宽度的输入框,先上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>宽度自适应输入框</title> <link rel="stylesheet" href="http://yui.yahooapis.com/3.0.0/build/

div三栏布局,右侧自适应宽度代码示例

div三栏布局,右侧自适应宽度代码示例以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

div+css横向三栏布局自适应宽度示例

div+css横向三栏布局自适应宽度示例以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

div+css右侧自适应宽度布局示例

div+css右侧自适应宽度布局示例 以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

自适应宽度的div+css示例

自适应宽度的div+css示例 以下是代码:<html> <head> <title>Nice and Free CSS Template 10</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="s

Javascript网页制作技巧:图片列表自适应宽度显示

文章简介:从事网页重构好几年了,Javascript能力一直比较菜,主要还是做得太少.为了提高这方面的能力,这段时间主动承担了一些这方面的工作,真心感到学习和积累的不易,不过时常伴随着一些解决问题之后的小小成就感又让人乐此不疲. 从事网页重构好几年了,Javascript能力一直比较菜,主要还是做得太少.为了提高这方面的能力,这段时间主动承担了一些这方面的工作,真心感到学习和积累的不易,不过时常伴随着一些解决问题之后的小小成就感又让人乐此不疲. 在近期一个项目中,遇到一个图片列表自适应宽度显示的

CSS实现自适应宽度的菜单按钮效果代码

本文实例讲述了CSS实现自适应宽度的菜单按钮效果代码.分享给大家供大家参考.具体如下: 这是一款基于CSS打造的自适应宽度的按钮效果代码,本效果你可以说它是菜单,也可以说它是一个CSS按钮的写法实例,不知你是否发现,菜单项的长宽可以自适应文字的多少,文字越多,它就越长,文字越少,它就越短,很智能吧.像这种可以自适应的菜单,其实用性大大增强,而且代码也挺简洁,分享给大家参考. 运行效果截图如下: 具体代码如下:   代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//D