输入文字自动变化宽度的INPUT,带计数（图）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>随着输入文字的多少自动变化宽度的INPUT，带计数</title> <script language="javascript"> function checkLength(which) { var maxchar=20; var oTextCount = document.getElementById("char"); iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length; if(iCount<=maxchar) { oTextCount.innerHTML = "<font color=#FF0000>"+ iCount+"</font>"; which.style.border = '1px dotted #FF0000'; which.size=iCount+2; } else alert("请不要超过"+maxchar); } </script> </head> <body> <input name="words" size="2" maxlength="100" onkeyup="checkLength(this)"/> <span id="char">0</span>个字符 </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]