简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie man in JS_Javascript-Kenntnissen dafür sorgt, dass das Textfeld mit der Länge des Textes wächst

WBOY
Freigeben： 2016-05-16 15:48:13
Original
1112 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie JS das Textfeld so implementiert, dass es mit der Länge des Textes wächst. Die spezifische Implementierungsmethode ist wie folgt: 

<!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>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten：
js限制文本框输入长度 js文本框赋值
Quelle：php.cn
Vorheriger Artikel：Einfaches Beispiel für die Array-Vererbung in JavaScript_Basics Nächster Artikel：So berechnen Sie mit Javascript, wie viele Zeichen in das Textfeld eingegeben werden können_Grundkenntnisse
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So konvertieren Sie eine Währungszeichenfolge mithilfe von Javascript in eine Gleitkommazahl Ich habe ein Textfeld, das eine Währungszeichenfolge enthält, und ich muss diese Zeichenfo...
Aus 2023-08-23 22:49:40
0
2
284
Javascript – Problem mit dem Eingabefokus des iPhone-Safari-Browsers Ich habe die Höhe der Webseite auf 100 % begrenzt und ein Eingabefeld ganz unten positioni...
Aus 2017-05-19 10:31:43
0
1
481
angular.js - Angularjs如何限制textarea输入字数？ 一般情况下的输入可以做出限制，但是在移动端上，用输入法打出一大段文字再点击输入文本框内超出限制也还能继续输入。请问有什么其他的方法可以一直跟踪用户输入的字数，监控到超出了就弹出提示...
Aus 2017-05-15 16:51:33
0
4
578
ios - textView输入汉字之后，输入数字或者拼音的换行问题 目前在使用textView支持随文字的输入，动态适应高度变化，使用了如下代码，确实实现了随文字的输入高度自动适应： {代码...} 但是存在一个问题，就是在输入汉字之后，输入拼音或...
Aus 2017-04-18 09:50:11
0
0
369
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应？ input框的宽度随框里输入的内容长短自动适应。如果用JS来获取字符长度，再控制input框的width值，这样很容易就能实现。但是只靠CSS来实现，这样要怎么搞呢？
Aus 2017-04-17 14:38:36
0
4
660
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！