为什么我的表格没有提交? 我使用ZURB基金会作为我的CSS框架,不幸的是它不允许我提交表单。即使我填写了所有内容并单击提交按钮,也不会发生任何事情。这是我目前的代码 <div class="row panel clearfix"> <div class="small-9 large-centered columns"> <form action="record-time-out.php" method="POST" data-abide> <div class="small-8" > <div class="row"> <div class="small-3 columns"> <label class="right">PURPOSE</label> </div> <div class="small-9 columns"> <input type="text" name="txt_purpose" required> <small class="error">Input your purpose.</small> </div> </div> </div> <div class="small-8"> <div class="row"> <div class="small-3 columns"> <label class="right">DESTINATION</label> </div> <div class="small-9 columns"> <input type="text" name="txt_destination" required> <small class="error">Input your destination.</small> </div> </div> </div> <div class="small-8"> <div class="row"> <div class="small-3 columns"> <label class="right">Expected TIME-IN</label> </div> <div class="small-9 columns"> <input type="text" name="txt_time" required> </div> </div> </div> <div class="row"> <div class="small-3 columns"> </div> <div class="small-9 columns"> <input type="submit" class="button" value="OUT"/> </div> </div> </form> </div> </div> 目的 输入你的目的。 目的地 输入您的目的地。 预计时间

为什么我的表格没有提交? 我使用ZURB基金会作为我的CSS框架,不幸的是它不允许我提交表单。即使我填写了所有内容并单击提交按钮,也不会发生任何事情。这是我目前的代码 <div class="row panel clearfix"> <div class="small-9 large-centered columns"> <form action="record-time-out.php" method="POST" data-abide> <div class="small-8" > <div class="row"> <div class="small-3 columns"> <label class="right">PURPOSE</label> </div> <div class="small-9 columns"> <input type="text" name="txt_purpose" required> <small class="error">Input your purpose.</small> </div> </div> </div> <div class="small-8"> <div class="row"> <div class="small-3 columns"> <label class="right">DESTINATION</label> </div> <div class="small-9 columns"> <input type="text" name="txt_destination" required> <small class="error">Input your destination.</small> </div> </div> </div> <div class="small-8"> <div class="row"> <div class="small-3 columns"> <label class="right">Expected TIME-IN</label> </div> <div class="small-9 columns"> <input type="text" name="txt_time" required> </div> </div> </div> <div class="row"> <div class="small-3 columns"> </div> <div class="small-9 columns"> <input type="submit" class="button" value="OUT"/> </div> </div> </form> </div> </div> 目的 输入你的目的。 目的地 输入您的目的地。 预计时间,php,forms,zurb-foundation,zurb-foundation-5,Php,Forms,Zurb Foundation,Zurb Foundation 5,记住表单代码总是由浏览器执行,所以它不知道“record Timeout.php”在哪里 我的建议是,只需添加你网站的url,它就会工作,测试它,会是这样的: <div class="row panel clearfix"> <div class="small-9 large-centered columns"> <form action="http://example.com/record/record-time-out.php" method="POS

记住表单代码总是由浏览器执行,所以它不知道“record Timeout.php”在哪里 我的建议是,只需添加你网站的url,它就会工作,测试它,会是这样的:

<div class="row panel clearfix">
 <div class="small-9 large-centered columns">
    <form action="http://example.com/record/record-time-out.php" method="POST" data-abide>
       <div class="small-8" >
          <div class="row">
             <div class="small-3 columns">
                <label class="right">PURPOSE</label>
             </div>
             <div class="small-9 columns">
                <input type="text" name="txt_purpose" required>
                <small class="error">Input your purpose.</small>
             </div>
          </div>
       </div>
       <div class="small-8">
          <div class="row">
             <div class="small-3 columns">
                <label class="right">DESTINATION</label>
             </div>
             <div class="small-9 columns">
                <input type="text" name="txt_destination" required>
                <small class="error">Input your destination.</small>
             </div>
          </div>
       </div>
       <div class="small-8">
          <div class="row">
             <div class="small-3 columns">
                <label class="right">Expected TIME-IN</label>
             </div>
             <div class="small-9 columns">
                <input type="text" name="txt_time" required>
             </div>
          </div>
       </div>
       <div class="row">
          <div class="small-3 columns">
          </div>
          <div class="small-9 columns">
             <input type="submit" class="button" value="OUT"/> 
          </div>
       </div>
    </form>
 </div>

目的
输入你的目的。
目的地
输入您的目的地。
预计时间

希望这对你有所帮助

输入预期的输入时间。

在文本框中输入预期的时间后。

添加
novalidate
可能会有所帮助

<form action="record-time-out.php" method="POST" data-abide novalidate>


在表单中,可能隐藏了具有必需属性的输入。

PHP代码在哪里?显示错误了吗?为你的提交按钮添加一个属性
name
,我想是的,但我怀疑你没有正确收集。我需要查看php代码,但要检查其是否实际提交了添加到record-timeout.phpSame顶部,我刚刚确认表单可以提交。我认为你的问题出在其他地方。@b因为它已经开始工作了,weird@Chris奇怪的是,novalidate已经开始工作了,它到底做了什么?@FewFlyBy它忽略了
必需的
。您必须使用JavaScript验证输入,或者必须修复“必需”。在您的表单中,可能有具有必需属性的隐藏输入。在没有novalidate的情况下,它已经工作了。“那么我可以把诺瓦利达移除了吗?”费弗利比补充道,它奏效了。现在你移除了,它还在工作吗?这是因为缓存。按
ctrl+F5
并再次检查。@FewFlyBy还可以查看一下:只要html文件和php文件在同一目录中,那么相对链接是完全可以接受的,如果您碰巧在一个目录中开发,然后复制并粘贴到另一个最终目录中,则可以帮助移植。
<form action="record-time-out.php" method="POST" data-abide novalidate>