javascript textarea自动增高 和input 自动增长

input高度固定,自动增长<br>

<input  type="text"  style="width:60;overflow-x:visible;overflow-y:visible;">

<br>
<br>
textarea 宽度固定,自动增高<br>

<textarea  type="text"  style="width:260;overflow-x:visible;overflow-y:visible;"></textarea>

html代码

<textarea id="content" onkeyup="adjustobjheight(this, 50);"></textarea>

js代码

<script language="网页特效" type="text/javascript">
function adjustobjheight(obj, defaultheight) {
if(obj.scrollheight > defaultheight) {
obj.style.height = obj.scrollheight + 'px';
} else {
obj.style.height = defaultheight + 'px';
}
}
window.onload = function() {
var obj = document.getelementsbytagname('textarea');
var len = obj.length;
for(var i = 0; i<len; i++)
adjustobjheight(obj[i], 50);
}
</script>

时间: 2024-10-21 10:41:30

javascript textarea自动增高 和input 自动增长的相关文章

js中contenteditable多行文本自动增高

谈到多行文本框,大家立刻就会想到使用textarea,使用textarea着实方便,但就是有一点不太好,不能自动增高,只能指定相应的列和行的字数或者直接css给高宽. 自动增高在某些时候还是需要的,比如类似发微博的输入框,它就是一个典型,需要这样的需求:文本框有个默认高度,输入文字超出这个高度后会自动增高,还要有一个最高的限度,超过这个限度以后就会出现垂直滚动条. 如果使用textarea来完成这个需求,还需要配合js来监听文本高度的变化来动态改变文本框的高度,这样就很不方便了,尤其是在移动端的

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:   复制代码 代码如下: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框使用图片背

JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)_javascript技巧

效果图如下所示: 废话不多说了,直接给大家贴js代码了. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>table切换</title> <style type="text/css"> *{ padding: } button{ width: 95px; } .active

JavaScript实现页面5秒后自动跳转的方法_javascript技巧

这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>JavaScript控制页面5秒后自动跳转的代码</title> <script type="text/j

ThinkPHP 自动创建数据、自动验证、自动完成详细例子介绍(十九)

原文:ThinkPHP 自动创建数据.自动验证.自动完成详细例子介绍(十九) 1:自动创建数据 //$name=$_POST['name'];//$password=$_POST['password'];  ---这个注册页面传过来的POST值      下面用了自动穿件create方法就可以不用这个,会行动绑定$user =M('User');$User->create();   //会将传过来的$_POST数据对应到数据库的字段$user->add();   //就可以直接写入 2:自动验

Android编程实现自动检测版本及自动升级的方法_Android

本文实例讲述了Android编程实现自动检测版本及自动升级的方法.分享给大家供大家参考,具体如下: 步骤: 1.检测当前版本的信息AndroidManifest.xml-->manifest-->android:versionName. 2.从服务器获取版本号(版本号存在于xml文件中)并与当前检测到的版本进行匹配,如果不匹配,提示用户进行升级,如果匹配则进入程序主界面. 3.当提示用户进行版本升级时,如果用户点击了确定,系统将自动从服务器上下载并进行自动升级,如果点击取消将进入程序主界面.

设置-自动填充keil的自动填充

问题描述 自动填充keil的自动填充 keil 5 的自动填充问题 我设置了 设置选项卡那里的文本选项 设置了在输入一个字符后自动填充 但是 他还是只能自动填充类似于GPIOA等等这些关键词 我自己定义的变量还有宏定义的名称都不能自动填充 这样遇到比较长的变量名之后就很容易出错 有没有哪位大神有遇到过我这样的情况愿意赐教的? 菜鸟一枚,求助!! 解决方案 求助啊 大神们 在线等

Android编程实现自动检测版本及自动升级的方法

本文实例讲述了Android编程实现自动检测版本及自动升级的方法.分享给大家供大家参考,具体如下: 步骤: 1.检测当前版本的信息AndroidManifest.xml-->manifest-->android:versionName. 2.从服务器获取版本号(版本号存在于xml文件中)并与当前检测到的版本进行匹配,如果不匹配,提示用户进行升级,如果匹配则进入程序主界面. 3.当提示用户进行版本升级时,如果用户点击了确定,系统将自动从服务器上下载并进行自动升级,如果点击取消将进入程序主界面.

实现Android studio设置自动导包及自动导包快捷键

实现Android studio设置自动导包及自动导包快捷键 方式一:Android studio只有导单个包的快捷键:Alt+Enter. 方式二:设置自动导所有的包 点击File→Setting,Setting→Editor→General→Auto Import,勾选Add unambiguous imports on the fly即可自动导包,点击apply→OK 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!