摘要：<!DOCTYPE html> <html> <head> <title>
<!DOCTYPE html>
<html>
<head>
<title>
微博输入
</title>
<meta charset="utf-8">
<style type="text/css">
#box{width:600px;height:180px;border:10px solid pink;margin:20px auto}#div1{position:relative;left:10px;top:10px;display:inline-block}#span1{float:right;left:-15px;font-family:华文新魏;color:#003}textarea{height:100px;width:575px;position:relative;left:10px;top:10px;overflow:hidden}span{position:relative;top:12px;left:5px;margin-left:5px}#span2{float:right;left:-110px}label{position:relative;top:-7px;left:3px}input{width:80px;height:30px;float:right;position:relative;top:9px;left:25px;background-color:#EA9E4E;border:1px
solid#EA9E4E;border-radius:5px;color:#fff;font-size:16px}
</style>
</head>
<body>
<div id="box">
<div id="div1">
<img src="12.png">
</div>
<span id="span1">
</span>
<div>
</div>
<textarea>
</textarea>
<span>
<img src="an5.png">
<label>
表情
</label>
</span>
<span>
<img src="an4.png">
<label>
图片
</label>
</span>
<span>
<img src="an3.png">
<label>
视频
</label>
</span>
<span>
<img src="an2.png">
<label>
话题
</label>
</span>
<span>
<img src="an1.png">
<label>
长微博
</label>
</span>
<span id="span2">
公开
</span>
<input type="button" value="发 布">
</div>
</body>
<script type="text/javascript">
window.onload = function() {
var text, span, button;
text = document.getElementsByTagName('textarea') span = document.getElementById('span1') button = document.getElementsByTagName('input') text[0].onkeyup = function() {
var num = 140 - text[0].value.length;
if (num >= 0) {
span.innerHTML = '您还可以输入' + num + '字'
} else {
num = Math.abs(num) span.style.color = 'red';
span.innerHTML = '您还的输入已超过' + num + '字'
}
}
button[0].onclick = function() {
num = text[0].value.length;
if (num > 140) {
alert("您输入字数已经超过140字，请发长微博")
} else {
alert("发布成功！")
}
}
}
</script>
</html>
批改老师：灭绝师太批改时间：2018-11-16 09:08:20
老师总结：我看到了，你把样式写入一行了，刚刚的不用提交了，完成的不错
