摘要：<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css">.box{width:600px;height:180px;border:10px solid #000;margin:0px auto;pa
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.box{width:600px;height:180px;border:10px solid #000;margin:0px auto;padding:10px;}
.boxa{float:left;margin-left:290px;width:150px;height:20px;text-align:right;font-size:15px;color:#888;}
img{float:left;}
.boxa span{color:green;font-weight:bold;}
#wenben{width:590px;height:100px;border:2px solid #888;margin-top:10px;}
.box #wb1,#wb2,#wb3,#wb4,#wb5,#wb6{float:left;width:40px;height:32px;line-height:32px;padding-left:20px;}
#bt{float:left;width:50px;height:32px;background:#ccc;border:none;color:#fff;border-radius:10px 10px 0px 0px;}
#wb1{background:url(css/wb1.png)no-repeat left center;}
</style>
<title>这是我的选项作业</title>
<script type ="text/javascript">
var wenben,number,m
window.onload=function(){
wenben=document.getElementById("wenben")
number=document.getElementById("number")
bt=document.getElementById("bt")
wenben.onkeyup=function aa(){
m=140-wenben.value.length
if(m<0){
number.style.color="red"
}else
{number.style.color="green"}
number.innerHTML=m
}
bt.onclick=function(){
if(m==140){alert("您还没有输入")
wenben.focus()}
}
else if(m<0){alert("你的字数超过限制")}
else{alert（“发布成功”）}
}aa()
}
</script>
</head>
<body>
<div class="box">
<img src="css/js.png" width=“200px” height="20px">
<div class="boxa">还可以输入<span id="number"></span>字</div>
<textarea type="text" id="wenben">
</textarea>
<span id="wb1">英语</span>
<span id="wb2">数学</span>
<span id="wb3">语文</span>
<span id="wb4">物理</span>
<span id="wb5">化学</span>
<span id="wb6">美术</span>
<input type="button" id="bt" value="发布">
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-03-19 09:18:00
老师总结：你这个代码,提交的时候注意格式,有问题反馈到工单,将你遇到的问题讲清楚!
