通过特定按钮提交表单答案

【问题标题】：Form submit through a specific button通过特定按钮提交表单
【发布时间】：2017-05-01 04:24:05
【问题描述】：

这是我的表格：

 <form method= "post" action= "edit.php">
    <div class="panel-body">
      <div class="row">

        <div class="col-md-3 col-lg-3 " id= "show"> <img alt="User Pic" src="http://babyinfoforyou.com/wp-content/uploads/2014/10/avatar-300x300.png" class="img-circle img-responsive">
        <a data-original-title="Upload Image" data-toggle="tooltip" type="button" class="btn btn-sm btn-info"><i class="glyphicon glyphicon-edit"></i></a>
         </div>
        <div class=" col-md-9 col-lg-9 "> 
          <table class="table table-user-information">
            <tbody>
              <tr>
                <td>Name:</td>
                <td><span id= "keep"><?php echo $firstname;  ?></span><input id= "change" value= "<?php echo $firstname;  ?>" style= "display:none;" name="name"></td> 
              </tr>
              <tr>
                <td>Date of Birth</td>
                <td><span id= "keep1"><?php echo $birthday; ?></span><input id= "change1" value= "<?php echo $birthday; ?>" style= "display:none;" name="bday"></td>
              </tr>

                 <tr>
                     <tr>
                <td>Gender</td>
                <td><span id= "keep2"><?php echo $gender; ?></span><input id= "change2" value= "<?php echo $gender; ?>" style= "display:none;" name="gen"></td>
              </tr>
                <tr>
                <td>Country</td>
                <td><span id= "keep3">US</span><input id= "change3" value= "US" style= "display:none;" name="country"></td>
              </tr>
              <tr>
                <td>Email</td>
                <td><span id= "keep4"><a href="mailto:info@support.com"><?php echo $email; ?></a></span><input id= "change4" value= "<?php echo $email; ?>" style= "display:none;" name="mail"></td>
              </tr>

            </tbody>
          </table>
        </div>
      </div>
    </div>
         <div class="panel-footer">
                <a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a>
                <span class="pull-right">
                    <a href="#" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning" onclick = 'showMe()'><i class="glyphicon glyphicon-edit"></i></a>
                    <a data-original-title="Save this user" data-toggle="tooltip" class="btn btn-sm btn-success" type="submit"><i class="glyphicon glyphicon-saved"></i></a>

                </span>
            </div>
    </form>

我怎样才能只让“保存”按钮进入edit.php而不是其他按钮？现在，当我单击它时，它不会去任何地方，然后进行编辑。我希望它更新并使用更新的版本返回此页面，我只是坚持如何让它去edit.php

【问题讨论】：

对于第一个问题，您需要 javascript，而不是 php。第二，我不会帮你，因为你也需要付出一些努力。
当问题没有 php 时，它会同时“不清楚”和“太宽泛”。
那我该怎么办？没有其他简单的方法吗？ @Hallur
我现在不需要 php，我只是希望保存按钮成为编辑.php 的那个按钮
...那你需要 ajax。

标签： php

【解决方案1】：

您需要添加提交按钮。

<button type="submit"  class="btn >SAVE</button>

【讨论】：

我有它：
你需要添加一个按钮元素()。你有一个链接（）

【解决方案2】：

请在您的表单中添加提交按钮。

<input type="submit" name="submit-btn" class="btn btn-primary">

【讨论】：

我也希望它看起来像这样我应该如何让这个去edit.php

【解决方案3】：

关于表单提交：

如果 HTML 按钮是 type="submit" 或没有 type 属性（默认为 submit），则 HTML 按钮将提交其父 form。
一个 HTML 按钮将不会提交其父 form type="button"。
由于您似乎坚持使用<a> 标签而不是<input> 或<button> 标签来提交您的表单，请参阅：Submit form using <a> tag。但是这个解决方案是不推荐的，如果没有理由不使用<input> 或<button> 标签，这是相当糟糕的做法，因为JavaScript 不能在所有浏览器中工作，默认情况下在其他浏览器中被禁用，并且始终可以被用户禁用，在所有情况下都会使您的表单无用。

关于你的其他问题：

如果没有 PHP，很难了解您的情况。

【讨论】：

我将它设置为 type="submit" 但它也不起作用，我是否将其插入错误的区域？
您有一个<a> 标签，即type="submit"。您需要一个<input> 或<button> 元素，即type="submit"。如果您想使用<a> 标签提交，您需要使用 JavaScript。
如果我只是
所以？更新你的 CSS。 “开箱即用”表单提交仅适用于 <input> 或 <button> 元素。如果您坚持使用<a> 标签，则需要使用 JavaScript 手动完成。

【解决方案4】：

给你的form一个id

<form id="myform" method= "post" action= "edit.php">

现在将此 javascript 添加到您的锚标记中

onclick="document.getElementById('myform').submit();"

现在你的锚标记看起来像

<a onclick="document.getElementById('myform').submit();" 
   data-original-title="Save this user" data-toggle="tooltip" 
   class="btn btn-sm btn-success"><i class="glyphicon glyphicon-saved">
  </i></a>

【讨论】：