时间戳

首页 > 解决方案 > 单击表单输入元素时转到其他页面

html - 单击表单输入元素时转到其他页面

问题描述

所以我想制作一种登录网站的形式，这是我的代码。

<form method="post" class="form">
  <label for="user-email" style="padding-top:13px">&nbsp;Email</label>
   <input class="form-content" type="email" name="email" autocomplete="on" required/>
  <div class="form-border"></div>
  <label for="user-password" style="padding-top:22px">&nbsp;Password</label>
    <input class="form-content" type="password" name="password" required />
  <div class="form-border"></div>
    <input id="submit-btn" type="submit" name="submit" value="LOGIN" />
</form>

但是当我单击登录输入时，我无法弄清楚如何转到其他页面。我试图添加href=""，但它没有工作，因为它不是一个<a>元素。

标签： html

解决方案

只需action="yourPage.html"在表单中添加 div。

<form method="post" class="form" action="yourPage.html">
  <label for="user-email" style="padding-top:13px">&nbsp;Email</label>
   <input class="form-content" type="email" name="email" autocomplete="on" required/>
  <div class="form-border"></div>
  <label for="user-password" style="padding-top:22px">&nbsp;Password</label>
    <input class="form-content" type="password" name="password" required />
  <div class="form-border"></div>
    <input id="submit-btn" type="submit" name="submit" value="LOGIN" />
</form>

推荐阅读