用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月 忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

服务器

2017-12-27 作者:柯侧耳倾听者 举报

[javascript]代码库

<!DOCTYPE html>
<html lang="en" class="blue" manifest="tasks.appcache">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,
                                       initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>My Tasks</title>
        <link rel="stylesheet"
              href="http://fonts.googleapis.com/css?family=Carter+One">
        <link rel="stylesheet" href="style.css">
        <script src="app.js"></script>
    </head>
    <body class="list">
        <header>
            <h1><span id="user_name">My</span> Tasks</h1>
            <nav>
                <ul>
                    <li><a href="#list" class="list">Task List</a></li>
                    <li><a href="#add" class="add">Add Task</a></li>
                    <li><a href="#settings" class="settings">Settings</a></li>
                </ul>
            </nav>
        </header>
        <section class="list">
            <form name="search">
                <input type="search" name="query" placeholder="Search tasks...">
            </form>
            <ul id="task_list"></ul>
        </section>
        <section class="add">
            <form name="add">
                <label>
                    Task Description
                    <textarea name="desc"></textarea>
                </label>
                <label>
                    Due Date (MM/DD/YYYY)
                    <input type="date" name="due_date">
                </label>
                <input type="submit" value="Add Task">
            </form>
        </section>
        <section class="settings">
            <form name="settings">
                <label>
                    Your Name
                    <input type="text" name="name">
                </label>
                <label>
                    Color Scheme
                    <select name="color_scheme">
                        <option>Blue</option>
                        <option>Red</option>
                        <option>Green</option>
                    </select>
                </label>
                <input type="submit" value="Save Settings">
                <input type="reset" value="Reset All Data">
            </form>
        </section>


    </body>
</html>

[源代码打包下载]




分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。