简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

How to make the text box grow with the length of the text in JS_javascript skills

WBOY
Release： 2016-05-16 15:48:13
Original
1114 people have browsed it

The example in this article describes how JS implements the text box to grow with the length of the text. The specific implementation method is as follows: 

<!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>
Copy after login

I hope this article will be helpful to everyone’s JavaScript programming design.

Related labels：
js限制文本框输入长度 js文本框赋值
source：php.cn
Previous article：Simple example of array inheritance in JavaScript_Basics Next article：How to use javascript to calculate how many characters can be entered in the text box_Basic knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to convert currency string to floating point number using Javascript I have a textbox that will have a currency string in it and I need to convert that string ...
From 2023-08-23 22:49:40
0
2
284
javascript - iphone safari browser input focus problem I limited the height of the web page to 100% and positioned an input box absolutely at the...
From 2017-05-19 10:31:43
0
1
481
angular.js - Angularjs如何限制textarea输入字数？ 一般情况下的输入可以做出限制，但是在移动端上，用输入法打出一大段文字再点击输入文本框内超出限制也还能继续输入。请问有什么其他的方法可以一直跟踪用户输入的字数，监控到超出了就弹出提示...
From 2017-05-15 16:51:33
0
4
578
ios - textView输入汉字之后，输入数字或者拼音的换行问题 目前在使用textView支持随文字的输入，动态适应高度变化，使用了如下代码，确实实现了随文字的输入高度自动适应： {代码...} 但是存在一个问题，就是在输入汉字之后，输入拼音或...
From 2017-04-18 09:50:11
0
0
369
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应？ input框的宽度随框里输入的内容长短自动适应。如果用JS来获取字符长度，再控制input框的width值，这样很容易就能实现。但是只靠CSS来实现，这样要怎么搞呢？
From 2017-04-17 14:38:36
0
4
660
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！