`

js控制文本框自动适应文本长度

 
阅读更多
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> 
<html> 
<head> 
<title>文本框宽度自动适应文本宽度 </title> 
</head> 
<script type="text/javascript"> 
function changeInputlength(cursor) 
{ 
var getText=document.getElementById("text"); 
cursor.size=getText.value.length+2; 
} 
</script> 
<body> 
请输入字符:<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/> 
</body> 
</html>

 

0
1
分享到:
评论

相关推荐

    JS如何实现文本框随文本的长度而增长

    本文实例讲述了JS实现文本框随文本的长度而增长的方法,具体实现方法如下: &lt;!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;文本框随文本的宽度而...

    IE下js控制文本输入长度

    这段代码是本人项目中要用到的,此问题纠结了我很久,最终发现了,主要是针对IE下使用的,因为在firefox和chrome 上maxlength属性是可以正常使用的,这方法是在判断了浏览器为IE 的...代码很简单,主要是通过JS来控制的

    web文本框宽度自适应

    文本框可以根据默认宽度和文本的字体大小及文本的内容长度来自动增加或者减少,没有刷屏和误差,使用也非常方便。只需要在Onkeydown事件中注册一下即可。使用JS实现,兼容主流浏览器。

    控制textarea文本长度,限制输入字数(带统计)的特效

    控制textarea文本长度,限制输入字数(带统计)的特效! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    js实时监控文本框输入字数的实例代码

    需求:实时监控文本输入框的字数,并加以限制 1、实时监控当前输入字数,直接使用onkeyup事件方法,给输入框加maxlength属性限制长度。如: &lt;textarea id=txt maxlength=10&gt;&lt;/textarea&gt; &lt;p&gt;&lt;span ...

    基于pj.js实现的日历选择控件,文本框日期选择.rar

    基于pj.js实现的日历选择控件,文本框日期选择功能,在插件实现过程中,对PJ库进行了修正,附加tween算法,并进行了优化,修复在IE9下淡入淡出的bug,修复拖动时选中文本影响拖动效果的bug。 date:默认开始日期,不...

    css+js结合实现文本内容自适应页面大小截取显示

    css+js实现页面变化,文本框内容自动截取显示,超过一行长度的就用...显示

    程序天下:JavaScript实例自学手册

    2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    javascript函数的解释

    66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length 68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),...

    web前端开发基本问题解决

    FF下如何使连续长字段自动换行 ff下为什么父容器的高度不能自适应 IE6的双倍边距BUG IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image...

    web jsp table tree

    用户可以自定义各个表格列的类型(如文本、长度、数字型等),可以自定义各个表格列的输入方式(如文本框、下拉框、日期等)、可以自定义各输入框的校验(如必填项、只读项等),大大减少编程的工作量。

    txtTip:一个文本框信息提示的jQuery插件!自我感觉良好的一个东东

    ######使用说明:######$("input选中器").txtTip({ tipTxt:"this is a test", // 提示信息 objStyle:{defaultColor:"#000",fontSize:"12px",ww:150,hh:30},// input框字体颜色和大小及文本框长度宽度设置 labelStyle...

    string_parser_exercise:获取文本块并在句点后强制它们具有单个空格

    在 Ruby 或 Javascript 中构建一个 Web 服务(例如,一个响应 JSON 的服务)以转换任意文本,使其在句子之间的句点后仅包含 1 个空格。 响应应包含转换后的文本以及描述所做更正的元数据。 然后,构建一个基于 Web ...

    风越ASP代码生成器 2.4

    08、支持检测提交字符的最小、最大输入长度、是否空值/唯一值、文本类型:★ 不检测 非特殊字符 仅单词字符 仅单词字符空格 仅26个字母 仅中文字符 仅允许整数 仅允许小数 仅日期/时间 仅日期+时间 仅日期 仅时间 ...

    107个常用javascript语句

    66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML標记符)").length 68.JS中分为两种窗体输出:模態和非模態.window.showModaldialog(),...

    js实现textarea限制输入字数

    与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一...

Global site tag (gtag.js) - Google Analytics