摘要：html>

body{font-size:12px;}

.box{width:600px; height:160px; border:10px solid&nbhtml>

body{font-size:12px;}

.box{width:600px; height:160px; border:10px solid pink; margin:0px auto; padding:10px;}

img{float:left;}

.box1{float:left; margin-left:325px; width:150px; height:24px; text-align:right; font-size:14px; color:#888;}

.box1 span{font-size:16px; font-weight:bold;}

#text{width:600px; height:100px; border:1px solid #888; margin-top:5px;}

.box #sp1,#sp2,#sp3,#sp4,$sp5,$sp6{float:left; width:30px; height:35px; line-height:35px; padding-left:26px;}

#sp1{ background:url(an5.png) no-repeat left center;}

#sp2{ background:url(an4.png) no-repeat left center;}

#sp3{ background:url(an3.png) no-repeat left center;}

#sp4{ background:url(an2.png) no-repeat left center;}

#sp5{ background:url(an1.png) no-repeat left center; width:40px;}

#sp6{ margin-left:250px; margin-right:15px; color:#888;}

#bt{float:right; width:80px; height:30px; border:none; background:#ffc09f; color:#FFF; border-radius:5px;}

微博输入字数限制功能

var text,number,m;

window.onload = function(){

text = document.getElementById('text');

number = document.getElementById('number');

bt = document.getElementById('bt');

text.onkeyup = function aa(){

m=140-text.value.length;

if(m<0){

number.style.color="red";

}else{

number.style.color="#888";

}

number.innerHTML=m;

}

bt.onclick = function(){

if(m==140){

alert("你还没有输入！");

text.focus();

}else if(m<0){

alert("字数太多，不可以发布！");

text.focus();

}else{

alert("发布成功！");

}

}

aa()

}

批改老师：天蓬老师批改时间：2019-05-10 15:49:32

老师总结：看上去不太像自己写的, 是不是把教学代码直接复制上来了