<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/go.html?url=../boostrap/css/bootstrap.min.css">
<script src="../boostrap/js/jquery.min.js"></script>
<script src="../boostrap/js/bootstrap.min.js"></script>
<script src="../boostrap/js/todolist.js"></script>
<style>
footer {
text-align: center;
margin: 0 auto;
}
body {
background-color: rgb(197, 197, 197);
}
header {
background-color: rgb(54, 53, 53);
margin: 0 auto;
height: 60px;
}
header section {
width: 500px;
height: 60px;
display: flex;
align-items: center;
margin: auto;
}
header section label {
font-size: large;
color: white;
margin: 0;
width: 100px;
}
header input {
outline-style: none;
border: 1px solid #ccc;
border-radius: 3px;
margin: 50px;
}
.ju {
margin: 0 auto;
width: 500px;
}
ol li {
font-size: large;
border-bottom: 2px solid white;
width: 500px;
height: 50px;
line-height: 50px;
background-color: rgb(177, 174, 174);
border-left: solid 5px rgb(112, 103, 104);
position: relative;
}
ol li p {
display: inline;
width: 20px;
}
ul li {
font-size: large;
border-bottom: 2px solid white;
width: 500px;
height: 50px;
line-height: 50px;
background-color: rgb(202, 201, 201);
border-left: solid 5px rgb(172, 169, 170);
position: relative;
}
ul li p {
display: inline;
width: 200px;
}
a {
float: right;
display: inline;
width: 20px;
height: 15px;
margin-top: 17px;
margin-right: 18px;
background-color: rgb(146, 138, 139);
}
</style>
</head>
<body>
<header>
<section>
<label for="title">ToDolist</label>
<input type="text" id="title" name="title" placeholder="添加ToDo">
</section>
</header>
<Section class="ju">
<h3>正在进行<span id="todocount"></span></h3>
<ol id="todolist" class="demo_box"></ol>
<!--<li>
<input type="checkbox">
<p></p>
<a href="/go.html?url=#">132</a>
</li>-->
<h3>已经完成<span id="donecount"></span></h3>
<ul id="donelist"></ul>
</Section>
<footer>Copyright $copy; 2014 todolist.cn</footer>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<m
阅读背景：
TODOLIST+js_不是小卜ò的博客
来源：互联网
分享到：
