js使得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=gbk" />
- <script language="javascript">
- function checkLength(which) {
- var maxchar=10;
- 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 solid #FF0000';
- which.size=iCount+2;
- }
- else alert("請不要超過"+maxchar+"個字符");
- }
- </script>
- </head>
- <body>
- <input name="words" maxlength="100" onkeyup="checkLength(this)" size="5" />
- <span id="char">0</span>個字符
- </body>
- </html>