欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法

 更新時(shí)間：2015年08月13日 12:23:08   作者：企鵝  
這篇文章主要介紹了js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法,可實(shí)現(xiàn)根據(jù)文本框內(nèi)容動(dòng)態(tài)改變寬度的功能,涉及javascript動(dòng)態(tài)操作頁面元素屬性的技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法。分享給大家供大家參考。具體如下：

一個(gè)會(huì)隨著輸入文本框的字符多少而自動(dòng)增加寬度的JS代碼，當(dāng)我們?cè)谖谋究蛑休斎胱址臅r(shí)候，如果文本框的寬度定義太小的話，那么我們輸入的字符將會(huì)被隱藏，本段代碼實(shí)現(xiàn)了文本框會(huì)自動(dòng)適應(yīng)輸入文字的多少，它會(huì)自動(dòng)加長。

運(yùn)行效果如下圖所示：

具體代碼如下：

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> 
<html> 
<head> 
<title>文本框?qū)挾茸詣?dòng)適應(yī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> 
請(qǐng)輸入字符：<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/> 
<span id="countFont"></span> 
</body> 
</html>

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

相關(guān)文章

最新評(píng)論