【JavaScript】实现 TodoList 移动端页面

最新推荐文章于 2022-06-28 22:00:43 发布

SEVLT

最新推荐文章于 2022-06-28 22:00:43 发布

阅读量481

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/sunqi568/article/details/106655132

版权

效果预览：https://sevlt.github.io/to-do-list-mobile-terminal/index.html

Html 代码：

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Todo</title>
        <link rel="stylesheet" href="./css/reset.min.css" />
        <link rel="stylesheet" href="./css/style.css" />
    </head>
    <body>
        <header>
            <input type="text" placeholder="输入待办事项..." id="item" />
            <button id="add">
                <!-- 添加按钮 SVG -->
                <svg
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    x="0px"
                    y="0px"
                    viewBox="0 0 16 16"
                    style="enable-background: new 0 0 16 16;"
                    xml:space="preserve"
                >
                    <g>
                        <path
                            class="fill"
                            d="M16,8c0,0.5-0.5,1-1,1H9v6c0,0.5-0.5,1-1,1s-1-0.5-1-1V9H1C0.5,9,0,8.5,0,8s0.5-1,1-1h6V1c0-0.5,0.5-1,1-1s1,0.5,1,1v6h6C15.5,7,16,7.5,16,8z"
                        />
                    </g>
                </svg>
            </button>
        </header>
        <div class="co

最低0.47元/天解锁文章

SEVLT

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】实现 TodoList 移动端页面

效果预览：https://sevlt.github.io/to-do-list-mobile-terminal/index.htmlHtml 代码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-.
复制链接

扫一扫