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

Question

我正在创建一个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;
}

请帮助！

Answer 1

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