文本框内输入文字,点击添加按钮·就可添加至页面内,点击删除即可依次删除
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
#text_1 {
border-radius: 10px;
height: 50px;
width: 500px;
font-size: 20px;
}
#shuru {
width: 500px;
margin: 0 auto;
text-align: center;
}
#adds,#removes{
width: 100px;
height: 50px;
font-size: 20px;
border-radius: 10px;
background-color: white;
}
#kuang{
font-size: 20px;
}
</style>
<body>
<div id="shuru">
<input type="text" name="" id="text_1" value="" placeholder="请输入内容" /><span id="">
</span>
<br><br>
<input type="button" name="" id="adds" value="添加评论" onmous