41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Simple Todo App</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<main class="app">
|
|
<header class="app-header">
|
|
<h1>待办事项</h1>
|
|
<p class="subtitle">简单、快速、本地保存</p>
|
|
</header>
|
|
|
|
<form id="todo-form" class="todo-form">
|
|
<input
|
|
id="todo-input"
|
|
class="todo-input"
|
|
type="text"
|
|
placeholder="输入一个新任务..."
|
|
autocomplete="off"
|
|
maxlength="120"
|
|
/>
|
|
<button type="submit" class="add-btn">添加</button>
|
|
</form>
|
|
|
|
<section class="todo-stats">
|
|
<span id="todo-count">共 0 项</span>
|
|
<button id="clear-completed" class="clear-btn" type="button">清除已完成</button>
|
|
</section>
|
|
|
|
<ul id="todo-list" class="todo-list"></ul>
|
|
|
|
<p id="empty-state" class="empty-state">暂无任务，添加一个开始吧！</p>
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|