要求:(1) 在文本域中输入文本,文本域的字数限制在30个字以内。(2) 每当用户输入一个字,就要提示用户还能输入多少个字(3) 当用户输入的文本超出了30个字,要提示用户超出了多少字[img=618x368]17e0cf36248ccfd.gif[/img]
<;!DOCTYPE html>;<;html>;<;head>;<;title>;<;/title>;<;style type="text/css">;.tip{display: none;}<;/style>;<;/head>;<;body>;<;p>;请注意,一共只能输入30个字符。<;span id="overtext">;当前您还可以输入<;span id="count">;0<;/span>;<;/span>;<;/p>;<;textarea cols="80" rows="20" id="text">;<;/textarea>;<;script type="text/javascript">;var text=document.getElementById('text'),overtext=document.getElementById('overtext'),count=document.getElementById('count'),len,total=30;console.log(overtext);text.onkeyup=function(){len=text.value.length;if(len<;=30){var a=30-len;overtext.innerHTML="当前您还可以输入"+a;overtext.style.color="black";}else{var b=len-30;overtext.style.color="red";overtext.innerHTML="您已经超出了"+b;}}<;/script>;<;/body>;<;/html>;
举一反三
内容
- 0
武则天造了个什么字?为什么要造这个字?
- 1
::国歌::一公多少字中国的国歌一共多少个字
- 2
5在动画中允许用户填充的文本区域,要选择( ) A: 静态文本 B: 动态文本 C: 输入文本 D: 输出文本
- 3
()字段可使用户可以将文本输入到表单或调查表中。 A: 静态文本 B: 动态文本 C: 输入文本 D: 输出文本
- 4
HTML代码<;input type=“text” name="text" size=”20”>;表示? A: 创建一个单行文本域,文本域的宽度20个字符 B: 创建一个密码域,文本域的宽度20个字符 C: 创建一个单行文本域,用户最好输入20个字符 D: 创建一个密码域,用户最好输入20个字符