Question

我在HTML中有一个简单的用法：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="windows-1252" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MY TITLE HERE</title>    
    <!--[if lt IE 9]>
        <script type="text/javascript" src="//d14mva318gt4k0.cloudfront.net/js/html5.js?20150804"></script>
        <script type="text/javascript" src="//d14mva318gt4k0.cloudfront.net/js/respond.min.js?20150804"></script>
        <script type="text/javascript" src="//d14mva318gt4k0.cloudfront.net/js/PIE.js?20150804"></script>
        <link rel="stylesheet" media="all" type="text/css" href="//d14mva318gt4k0.cloudfront.net/css/ie.css?20150804">
    <![endif]-->
</head>
<body>
    <div class="container">

    <!--[if lt IE 9]>
      <div id="ie6msg">
        <p><strong>Your browser is no longer supported.</strong></h4>
        <p>Please, consider upgrading to a more modern browser:</p>
        <ul>
          <li><a href="http://www.google.com/chrome/" target="_blank"><img src="//www.google.com/tools/dlpage/res/chrome/images/chrome-16.png" height="16" width="16" alt="Google Chrome favicon" /> Google Chrome</a></li>
          <li><a href="http://www.mozilla.com/firefox/" target="_blank"><img src="//www.mozilla.com/favicon.ico" height="16" width="16" alt="Mozilla Firefox favicon" /> Mozilla Firefox</a></li>
          <li><a href="http://www.apple.com/safari/" target="_blank"><img src="//www.apple.com/favicon.ico" height="16" width="16" alt="Safari favicon" /> Safari</a></li>
          <li><a href="http://www.microsoft.com/ie/" target="_blank"><img src="//www.microsoft.com/nz/windows/Framework/images/favicon.ico" height="16" width="16" alt="Internet Explorer 10 favicon" /> Internet Explorer 10</a></li>
        </ul>
      </div>
    <![endif]-->
        <div id="fb-root"></div>
        <script>
        var appId = '******';
        var channelUrl = '*********';
        </script>    
        <div class="account-area ie-fix">
          <div class="headbar">
              <h2><span class="glyphicon glyphicon-star"></span>  Supercharge your Premier Membership!  </h2>
          </div><!-- headbar -->
          <section class="section ie-fix" style="margin-bottom:0px;">
              <div class="headline ie-fix">
                  <h3 id="membership_amount" style="font-size:24px;line-height:34px;letter-spacing:.1em;"> Add Elite Features </h3>
              </div><!-- headline -->
              <p style="font-size:16px;">*Normal Elite renewal rate:  $8.00/month</p>

              <div class="general-account" >
                  <div>
                      <div>
                          <form method="post" style="text-align:center;" action="/checkout/">
                              <input type="hidden" name="elite_checkout" value="1" />
                              <input style="margin-top:10px;margin-bottom:0px;padding:12px 20px;font-size:18px;width:auto;height:auto;min-width:235px;" type="submit" name="upgrade" value="Upgrade to Elite" class="btn btn-danger btn-xlarge ie-fix" />
                          </form>
                      </div>
                  </div>
              </div>
          </section>
          <img style="border-radius:10px;max-width:100%;height:auto;" src="/images/bandmix-bv-elite-checkout.jpg" /><br />
      </div>
  </div>
</body>
</html>

但是当我发布并运行

时

print_r($_POST);

我只得到一个空数组。

最奇怪的部分是它在Firefox中运行良好，但在其他浏览器中没有。

我遗漏了一些HTML错误？

更新：

从代码中删除了一些未使用的JS，并将name属性添加到按钮中，但仍无法正常工作......

由于我不认为这是问题，因此不会在HTML中提供CSS和JS标记。

Answer 1

好消息是我的HTML技能很好，坏消息是我失去了差不多2个小时就找到了一个简单的错误（简而言之，每个开发人员的生活）

如果使用HTTPS，则检查表单的PHP代码，如果不是，它被重定向到HTTPS网址，并且在重定向中，表单值当然丢失了。

HTML简单表单在FF中工作但在其他浏览器中工作

1 个答案: