当前位置: 懒人建站 > JS代码 > 网页特效 >

随文字增减自动变化宽度的文本框

关键字:表单特效
随着输入文字的增减,文本输入框自动变化宽度,并且会计算出输入的文字数量。
分享到:

代码说明:

随着输入文字的增减,文本输入框自动变化宽度,并且会计算出输入的文字数量。

JS代码部分:
<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>

HTML部分:
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>

来源:懒人建站|发布人:懒人建站|2010-03-03|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效