Question

我正在尝试创建一个“联系”按钮，该按钮在填写必填字段之前不允许您提交，然后将您重定向到另一个html站点。它目前不允许您正确提交，但是在填充字段时，它只会重置页面而不是重定向页面。我认为它忽略了“表单动作”部分。

重置按钮根本不起作用。

有人看到任何可能是原因的东西吗？

谢谢！

<form method="get">
  <label>First Name: <input type="text" name="fmail" id="fmail" required="required" placeholder="your 
   first name"></label><br><br>
  <label>Last Name: <input type="text" name="lmail" id="lmail" required="required" placeholder="your 
   last name"></label><br><br>
  <label>E-mail: <input type="text" name="email" id="email" required="required" placeholder="your 
   email"></label><br><br>
  <label for="comments">Comments:</label><br>
  <textarea name="comments" id="comments" rows="4" cols="40" required="required"></textarea>

  <br><br>

  <form action="contact2.html" method="post">
    <input type="submit" value="Contact" />
  </form>

  <form action="contactus.html">
    <input type="reset">
  </form>

</form>

这是当您单击联系人而不填写字段时的样子的图像

https://i.gyazo.com/dc3a77b5eed0dbad2d6f6e2da1cf3075.png

Answer 1

下面是有效代码

<form method="post" action="/abc.html">
   <label>First Name: <input type="text" name="fmail" id="fmail" required="required" placeholder="your 
   first name"></label><br><br>
   <label>Last Name: <input type="text" name="lmail" id="lmail" required="required" placeholder="your 
   last name"></label><br><br>
   <label>E-mail: <input type="text" name="email" id="email" required="required" placeholder="your 
   email"></label><br><br>
   <label for="comments">Comments:</label><br>
   <textarea name="comments" id="comments" rows="4" cols="40" required="required"></textarea>

<br><br>

       <input type="submit" value="Contact"/>

       <input type="reset">

</form>

说明：

所有表单元素按钮，文本区域，输入都应包装在一个form元素中。
您需要将表单方法添加为post，并在操作中传递成功提交表单后要重定向的页面的URL。

“联系我们”按钮和“重置字段”按钮不会重定向到链接

1 个答案: