首页创建一个待办事项管理系统页面的html的页面

创建一个待办事项管理系统页面的html的页面

时间: 2023-11-01 11:08:03 浏览: 34

以下是一个简单的待办事项管理系统页面的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>待办事项管理系统</title> </head> <body> <h1>待办事项</h1> <form> <label for="new-task">添加新任务:</label> <input type="text" id="new-task" name="new-task"> <button type="submit">添加</button> </form> <ul id="task-list"> <li> <input type="checkbox" class="task-completed" name="task-completed"> <span>任务1</span> <button class="delete-task">删除</button> </li> <li> <input type="checkbox" class="task-completed" name="task-completed"> <span>任务2</span> <button class="delete-task">删除</button> </li> <li> <input type="checkbox" class="task-completed" name="task-completed"> <span>任务3</span> <button class="delete-task">删除</button> </li> </ul> <script src="main.js"></script> </body> </html> ``` 在这个页面中，我们有一个标题、一个表单用于添加新任务、一个任务列表以及一个JavaScript文件。在JavaScript文件中，我们将编写代码来添加新任务、删除任务和标记任务完成。