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

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

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

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

一個會隨著輸入文本框的字符多少而自動增加寬度的JS代碼,當我們在文本框中輸入字符的時候,如果文本框的寬度定義太小的話,那么我們輸入的字符將會被隱藏,本段代碼實現(xiàn)了文本框會自動適應輸入文字的多少,它會自動加長。

運行效果如下圖所示:

具體代碼如下:

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> 
<html> 
<head> 
<title>文本框?qū)挾茸詣舆m應文本寬度</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> 
</html>

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

相關(guān)文章

最新評論