Html <；a>；链接不会在同一页中打开

我有一个

？”

代码：

<div class="login-page">
    <div class="form">
        <form class="login-form">
            <input type="text" placeholder="Username" />
            <input type="password" placeholder="Password" />
            <a href="index.html"><button class="login">login</button></a>
            <p class="message">Not registered? <a href="index.html">Create an account</a></p>
        </form>
    </div>
</div>


是否未注册

如果我将
target=“\u self”
放在同一个文件夹中，它仍然不起作用。
您的HTML无效。禁止将
放在
中

您看到的效果是由于错误恢复反应糟糕，并且您的单击由不同的元素处理

仅当我右键单击它并单击“在新选项卡中打开”时才会打开

这就是右键单击
元素时发生的情况

如果我只是正常点击它，它只会在链接的其余部分后面加一个“？”

这就是使用提交按钮提交表单时发生的情况（表单中没有成功的控件，这里就是这种情况，因为没有任何控件具有
name
s）


如果你想要一个链接，那么使用一个链接，并且只使用一个链接。去掉
元素

如果你想要一个看起来像按钮的东西，那么首先想想你要给用户发送什么消息。按钮起作用。链接到处都是。给用户一个他们正在做某事的视觉信号可能是错误的

如果你仍然想要一个看起来像按钮的链接，那么就用CSS来设计它


这就是说，有一个标记为Login的链接而不提交表单只是让人困惑。您可能应该：

保留

摆脱

为表单控件指定
name
属性
使用
method=“POST”
…然后编写服务器端代码来处理数据，以便使用登录表单登录到站点。
您的HTML无效。禁止在
内放置

您看到的效果是由于错误恢复反应糟糕，并且您的单击由不同的元素处理

仅当我右键单击它并单击“在新选项卡中打开”时才会打开

这就是右键单击
元素时发生的情况

如果我只是正常点击它，它只会在链接的其余部分后面加一个“？”

这就是使用提交按钮提交表单时发生的情况（表单中没有成功的控件，这里就是这种情况，因为没有任何控件具有
name
s）


如果你想要一个链接，那么使用一个链接，并且只使用一个链接。去掉
元素

如果你想要一个看起来像按钮的东西，那么首先想想你要向用户发送什么消息。按钮起作用。链接到处都是。给用户一个视觉信号表明他们在做什么可能是错误的

如果你仍然想要一个看起来像按钮的链接，那么就用CSS来设计它


这就是说，有一个标记为登录的链接而不提交表单是令人困惑的。您可能应该：

保留

摆脱

为表单控件指定
name
属性
使用
method=“POST”
…然后编写服务器端代码来处理数据，以便使用登录表单登录到站点。
这是因为您有一个按钮，它正在尝试提交表单

尝试使用引导并给出

是否未注册

或者给你的
这是因为您有一个按钮，它正在尝试提交表单

尝试使用引导并给出

是否未注册

或者给你的
您可以将您的
HTML
表单更改如下，以便在单击
登录时提交表单：

 <div class="form">
  <form class="login-form" method="POST" action="index.html">

     <!-- user inputs -->
     <input type="text" name="username" placeholder="Username" />
     <input type="password" name="password" placeholder="Password" />

     <!-- your submit button -->
     <input type="submit" name="submit" value="login">

     <!-- your other link -->
     <p class="message">Not registered? <a href="index.html">Create an account</a></p>

  </form>
</div>


是否未注册

这种方法比当前创建登录表单的方法更好

这样，您仍然可以使用重定向到
index.html
的按钮，而不必对
和
使用混乱的方法。您可以将
html
表单更改为如下所示，以便在单击
login
时提交表单：

 <div class="form">
  <form class="login-form" method="POST" action="index.html">

     <!-- user inputs -->
     <input type="text" name="username" placeholder="Username" />
     <input type="password" name="password" placeholder="Password" />

     <!-- your submit button -->
     <input type="submit" name="submit" value="login">

     <!-- your other link -->
     <p class="message">Not registered? <a href="index.html">Create an account</a></p>

  </form>
</div>


是否未注册

这种方法比当前创建登录表单的方法更好

这样，您仍然可以使用重定向到
index.html
的按钮，而不必对
和
使用混乱的方法。这是用于
登录
链接还是
创建帐户
链接？这是用于
登录
链接还是
创建帐户
链接？他也可以将
submit
表单元素设置为“登录”并为表单提供操作他也可以将
submit
表单元素设置为“登录”并为表单提供操作
 <div class="form">
  <form class="login-form" method="POST" action="index.html">

     <!-- user inputs -->
     <input type="text" name="username" placeholder="Username" />
     <input type="password" name="password" placeholder="Password" />

     <!-- your submit button -->
     <input type="submit" name="submit" value="login">

     <!-- your other link -->
     <p class="message">Not registered? <a href="index.html">Create an account</a></p>

  </form>
</div>