<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框隨文本的寬度而增長(zhǎng)</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)+'個(gè)字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

js
文本框

相關(guān)文章

JS與C#編碼解碼
這篇文章主要是對(duì)JS與C#編碼解碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
ES6中Math對(duì)象的部分?jǐn)U展
本文主要介紹了ES6中Math對(duì)象的部分?jǐn)U展，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法,結(jié)合實(shí)例形式分析了javascript常見的Date()日期時(shí)間獲取、轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
JavaScript用document.write()輸出換行的示例代碼
這篇文章主要介紹了JavaScript用document.write()輸出換行的示例代碼，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-11-11
JavaScript使用原型和原型鏈實(shí)現(xiàn)對(duì)象繼承的方法詳解
這篇文章主要介紹了JavaScript使用原型和原型鏈實(shí)現(xiàn)對(duì)象繼承的方法,簡(jiǎn)單講述了javascript原型與原型鏈的原理,并結(jié)合實(shí)例形式詳細(xì)分析了javascript中對(duì)象繼承的常見實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
js HTML5多媒體影音播放
這篇文章主要為大家詳細(xì)介紹了js HTML5多媒體影音播放,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
JS根據(jù)變量保存方法名并執(zhí)行方法示例
用eval方法，把傳進(jìn)來(lái)的這個(gè)方法名所代表的方法當(dāng)作一個(gè)對(duì)象來(lái)賦值給method1的func屬性,需要的朋友可以參考下
2014-04-04
JavaScript 不只是腳本
JavaScript 不只是腳本...
2007-05-05
js 窗口抖動(dòng)示例
想必大家對(duì)窗口抖動(dòng)一詞并不陌生吧，其實(shí)原理很簡(jiǎn)單，下面為大家簡(jiǎn)單介紹下js中時(shí)如何實(shí)現(xiàn)的，喜歡的朋友可以參考下
2013-09-09
javascript獲取元素離文檔各邊距離的方法
這篇文章主要介紹了javascript獲取元素離文檔各邊距離的方法,以一個(gè)自定義函數(shù)形式分析了javascript針對(duì)文檔各邊距離的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02