web大作业功能性网站 todolist

最新推荐文章于 2024-06-12 00:06:38 发布

靖楷

最新推荐文章于 2024-06-12 00:06:38 发布

阅读量416

点赞数

分类专栏：自己实现的一些小功能文章标签： javascript 前端

本文链接：https://blog.csdn.net/jingkai0714/article/details/116979259

版权

实现功能：每日列表清单添加任务删除任务勾选完成任务修改任务保存到本地存储保证每次打开网页的时候还会有数据保存

1.html部分

<!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>todolist 每日待办清单</title>
    <link rel="stylesheet" href="index.css">

</head>

<body>
    <header>
//label for='id' 点击时 id为sear的标签focus 出现光标 给用户提供便利
        <label for="sear"> <div class="title">todolist </div></label>
        <div class="search"><input type="text" placeholder="制定todo" id="sear"></div>
    </header>
    <main>
        <div class="dolist">
            <span>正在进行</span><span class="donumber">0</span>
            <ul class="dothings">
                <!-- <li><span class="front"></span><input type="checkbox" class="rightbox">
                    <p class="word"><input type="text"></p><span class="close"></span></li> -->
            </ul>
        </div>
        <div class="donelist">
            <span>已经完成</span><span class="donenumber">0</span>
            <ul class="donethings">
                <!-- <li><span class="front"></span><input type="checkbox" class="rightbox"><span class="close"></span>1</li> -->
            </ul>
        </div>

    &

最低0.47元/天解锁文章

靖楷

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web大作业功能性网站 todolist

实现功能：每日列表清单添加任务删除任务勾选完成任务修改任务保存到本地存储保证每次打开网页的时候还会有数据保存1.html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
复制链接

扫一扫