简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

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

WBOY
发布： 2016-05-16 15:48:13
原创
1114 人浏览过

本文实例讲述了JS实现文本框随文本的长度而增长的方法，具体实现方法如下：

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框随文本的宽度而增长</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>
登录后复制

希望本文所述对大家的javascript程序设计有所帮助。

相关标签：
js限制文本框输入长度 js文本框赋值
来源：php.cn
上一篇：JavaScript中数组继承的简单示例_基础知识 下一篇：如何用javascript计算文本框还能输入多少个字符_基础知识
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
使用Javascript将货币字符串转换为浮点数的方法 我有一个文本框，其中会有一个货币字符串，我需要将该字符串转换为双精度浮点数以执行一些操作。"$1,100.00"→1100.00这需要在客户端完成。我别无选择，...
来自于 2023-08-23 22:49:40
0
2
284
javascript - iphone safari 浏览器 input focus 问题 我给网页限制高度为100%，在底部绝对定位了一个输入框， 在ios的Safari中，当点击输入框时，可以弹出虚拟键盘，并把整个页面给顶了上去，但是至少输入框在键盘上面，可以看见。 ...
来自于 2017-05-19 10:31:43
0
1
481
angular.js - Angularjs如何限制textarea输入字数？ 一般情况下的输入可以做出限制，但是在移动端上，用输入法打出一大段文字再点击输入文本框内超出限制也还能继续输入。请问有什么其他的方法可以一直跟踪用户输入的字数，监控到超出了就弹出提示...
来自于 2017-05-15 16:51:33
0
4
578
ios - textView输入汉字之后，输入数字或者拼音的换行问题 目前在使用textView支持随文字的输入，动态适应高度变化，使用了如下代码，确实实现了随文字的输入高度自动适应： {代码...} 但是存在一个问题，就是在输入汉字之后，输入拼音或...
来自于 2017-04-18 09:50:11
0
0
369
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应？ input框的宽度随框里输入的内容长短自动适应。如果用JS来获取字符长度，再控制input框的width值，这样很容易就能实现。但是只靠CSS来实现，这样要怎么搞呢？
来自于 2017-04-17 14:38:36
0
4
660
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！