【问题标题】:HTML Form submit button won't go to phpHTML表单提交按钮不会转到php
【发布时间】:2016-03-14 16:38:18
【问题描述】:

首先我想说我是一个真正的新手,通过这个网站和 trail&error 学习 HTML、CSS 和 PHP。

我的问题如下:

我的 HTML 按钮不会将表单提交给我的 PHP。我真的看不出我做错了什么。谁能帮我?

我的代码是:

<div class="contact-inner">
<form class="contact-form" method="post" action="emailcontact.php">
<div class="col-md-6">
<input type="text" name="naam" class="form-control wow bounceInLeft" placeholder="Uw naam">
</div>
<div class="col-md-6">
<input type="text" name="email" class="form-control wow bounceInLeft" placeholder="Uw emailadres">
</div>

<div class="col-md-12 ">
<textarea name="bericht" class="form-control" cols="30" rows="6" placeholder="Uw bericht"></textarea>
</div>
<div class="btn-container col-md-12 text-center submit">
<button type="submit" name="submit">Verstuur!</button>
</div>
</form>

我希望这不是一个太愚蠢的错误。

提前感谢您的帮助!

克。汤姆

【问题讨论】:

  • 您如何验证它不会发布到 emailcontact.php?
  • 另外,emailcontact.php 是否存在于同一文件夹级别? (post 方法会产生 404)吗?
  • 你的语法没有错;除了未关闭的contact-inner div,但这不会影响表单提交过程。我认为您遇到了404 错误或某些 javascript 阻止了提交过程

标签: html forms button


【解决方案1】:

请执行以下操作以测试您的 html 的问题还是 PHP 的问题

  1. 如果您收到 404 错误,您可能为 emailcontact.php 编写了错误的位置

  2. 在 emailcontact.php 的顶部添加以下代码:

<?php
var_dump($_POST);

如果您得到的 var_dump 数据与您发布的数据相同,则意味着您的程序确实有效。

【讨论】:

    【解决方案2】:

    改变

    <button type="submit" name="submit">Verstuur!</button>
    

    到

    <input type="submit" name="submit">Verstuur!</input>
    

    【讨论】:

    • 从技术上讲,这不会造成问题。 &lt;button&gt; 也会提交表单
    • 如果button 的type 是"button",它的行为就像你描述的那样。但是使用type="submit"(默认)它就像一个提交输入:w3.org/TR/html/forms.html#attr-button-type
    • 与浏览器特定的实现有什么关系?
    • @premkumar 告诉我上面的小提琴在浏览器中不起作用
    • @Gareth 我试图理解这个问题。我建议使用此解决方案,因为我使用了输入样式提交。如果两者是等价的(它们是等价的)我想知道为什么它对发布这个问题的人不起作用。
    【解决方案3】:

    在您的表单中添加一个 id(例如“myform”) 然后在您的按钮代码中:

    &lt;button type="submit" name="submit" onclick="document.getElementById("myform").submit()"&gt;Verstuur!&lt;/button&gt;

    【讨论】:

    • 矫枉过正,没有损坏的不要修。
    • @asprin 那个小提琴和他的代码有什么区别?
    猜你喜欢
    • 2011-07-06
    • 2014-03-23
    • 2011-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-04
    相关资源
    最近更新 更多