test1.html


<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin's Watchlist</title>
    <link rel="icon" href="/static/favicon.ico">
    <link rel="stylesheet" href="/static/style.css" type="text/css">

</head>
<body>
    <!-- 插入到页面标题上方 -->

    <h2>
        <img alt="Avatar" class="avatar" src="/static/images/avatar.png">
        Admin's Watchlist
    </h2>
    <nav>
        <ul>
            <li><a href="/">Home</a></li>

                <li><a href="/settings">Settings</a></li>
                <li><a href="/logout">Logout</a></li>

        </ul>
    </nav>

<h3>Login</h3>
<form method="post">
    Username<br>
    <input type="text" name="username" required><br><br>
    Password<br>
    <!-- 密码输入框的 type 属性使用 password，会将输入值显示为圆点 -->
    <input type="password" name="password" required><br><br>
    <input class="btn" type="submit" name="submit" value="Submit">
</form>

    <footer>
        <small>&copy; 2018 <a href="http://helloflask.com/book/3">HelloFlask</a></small>
    </footer>
</body>
</html>