分享
三行代码  ›  专栏  ›  技术社区  ›  blueluigi6

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

  •  0
  • blueluigi6  · 技术社区  · 3 天前

    我正在尝试制作一个“联系人”按钮,不允许您提交,直到所需的字段填写完毕,然后重定向到另一个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

    1 回复  |  直到 3 天前
        1
  •  0
  •   Balram Singh    3 天前

    下面是工作代码

    <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>
    

    说明:

    1. 所有表单元素按钮、文本区域、输入都应包装在一个 form 元素。

    2. 您需要将form方法添加为 post 在实际操作中,传递表单提交成功后要重定向的页面的URL。