会员
周边
新闻
博问
闪存
赞助商
YouClaw
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
海浪
博客园
首页
新随笔
订阅
管理
JS限制textarea输入框输入字数
JS限制textarea输入框输入字数，很实用的一段代码，很直观让网友知道自己已经输入了多少字符，极具亲和力，最重要的是兼容各主流浏览器~~~
HTML代码
<!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=gb2312" /> <meta name="robots" content="all" /> <meta name="author" content="bigfocus@163.com,混蛋鱼" /> <meta name="Copyright" content="混蛋鱼VS男人猫 CopyRight 2007" /> <meta name="keywords" content="JS,Blog,ASP,designing,with,web,standards,xhtml,css,graphic,design,layout,usability,accessibility,w3c,w3,w3cn" /> <meta name="description" content="JS限制textarea输入框输入字数" /> <title>JS限制textarea输入框输入字数</title> <SCRIPT language="javascript"> <!-- function checktext(text) { allValid = true; for (i = 0; i < text.length; i++) { if (text.charAt(i) != " ") { allValid = false; break; } } return allValid; } function gbcount(message,total,used,remain) { var max; max = total.value; if (message.value.length > max) { message.value = message.value.substring(0,max); used.value = max; remain.value = 0; alert("留言不能超过 200 个字!"); } else { used.value = message.value.length; remain.value = max - used.value; } } --> </script> <style type="text/css"> <!-- * {padding:0; margin:0;} body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;} fieldset {padding:10px; width:550px; margin:0 auto;} legend {font-size:14px; font-weight:bold;} .inputtext {border:none; background:#fff;} --> </style> </head> <body> <form action="SaveData.asp" method="post" onSubmit="return datacheck();"> <fieldset><legend>请输入内容</legend> <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea> <p>最多字数： <input disabled maxLength="4" name="total" size="3" value="200" class="inputtext"> 已用字数： <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext"> 剩余字数： <input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td> </p> </fieldset> </form> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
posted @
2007-06-10 13:40
海浪~~
阅读(
2275
) 评论(
0
)
收藏
举报
刷新页面
返回顶部
公告
HTML代码
HTML代码 HTML代码
浙公网安备 33010602011771号