<!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程序設(shè)計有所幫助。

您可能感興趣的文章:

js
文本框

相關(guān)文章

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