时间戳

首页 > 解决方案 > HTML 登录和登录按钮不起作用

html - HTML 登录和登录按钮不起作用

问题描述

我正在创建一个 html 网站，但不确定为什么我的登录和登录按钮不起作用。

我的代码：

    <div class="topnav">

    <img src="{{url_for('static', filename='images/logo.png')}}" class='logo'> 
    <nav href="{{ url_for('login') }}">Log In</nav>
    <nav href="{{ url_for('register') }}">Sign up</nav>

    <div class="search-container">

        <form action=''>
            <input type="text" placeholder="Search.." name="search">
            <button type="submit"><i class="fa fa-search"></i></button>
        </form>

    </div>

我的 CSS：

.topnav {
background-color: #ca91be;
overflow: hidden;
}

.topnav nav {
float: right;
color: #f2f2f2;
text-align: center;
padding: 14px 50px;
text-decoration: none;
font-size: 17px;
border-radius: 10px;
}

请帮忙！

标签： htmlbuttonhref

解决方案

我认为你需要<nav><a href="{{ url_for('login') }}">Log In</a></nav>. 链接元素是可点击的，而不是导航元素。

推荐阅读