2

フォームから送信ボタンを使用しても、送信ボタンをクリックしたときにフォームアクションを処理できますか？以下はコードです。私はプログラミングに不慣れです。私を助けてください。

<body>
<input type="submit" name="submit" value="submit" />
<form action="" method="get" name="myform">
  <table width="200" border="1" cellspacing="10">
    <tr>
      <td>Name</td>
      <td><label for="name"></label>
      <input type="text" name="name" id="name" /></td>
    </tr>
    <tr>
      <td>email</td>
      <td><label for="email"></label>
      <input type="text" name="email" id="email" /></td>
    </tr>
    <tr>
      <td>Group</td>
      <td><input type="checkbox" name="IT" id="IT" />
        IT 
          <input type="checkbox" name="ECE" id="ECE" />
        <label for="ECE"></label>
        ECE
        <input type="checkbox" name="Mech" id="Mech" />
        <label for="Mech"></label>
        Mech</td>
    </tr>
    <tr>
      <td>Hobbies</td>
      <td><label for="hobbies"></label>
      <input type="text" name="hobbies" id="hobbies" /></td>
    </tr>
  </table>
</form>
</body>
4

4 に答える 4

4

HTML5、純粋なJavaScript、またはjQueryのいずれかを使用してこれを行うことができます。

JavaScriptの使用：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" onclick="document.forms[0].submit();" />

jQueryの使用：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" id="submitTheForm" />

$('#submitTheForm').click(function(){
    $('#theForm').submit();
});

CSSの使用（美的理由でフォームの外にのみ必要な場合）：

より良いオプションは、送信をフォーム内に残し、CSSを使用して別の場所に配置することです（それがフォームの外に送信したい理由である場合）。

HTML5の使用：

最後に、HTML5のフォーム属性の使用を検討する必要があります。これらはすべての主要なブラウザー（Chrome、Firefox、IE10）でサポートされていますが、古いバージョンのIE（IE9、IE8など）ではサポートされていないことに注意してください。これも機能するはずです：

<form id="something" method="post"> 
<input type="text"/> 
</form> 

<input type="submit" form="something">
于 2013-03-24T16:07:44.103 に答える
3

はい、jQueryを使用してこれを行うことができます

<a href="#" id="submit-form">Submit</a>
<form id="someid">

</form>

jQuery：

$("#submit-form").click(function(){
$("#someid").trigger("submit");
})
于 2013-03-24T16:10:26.627 に答える
2

JQueryの使用：

<form action="" method="get" name="myform" id="myform">
...
</form>

<input type="button" id="submitform" value="click me to submit the form" />

$('#submitform').click(function(){
    $('#myform').submit();
});
于 2013-03-24T16:09:37.693 に答える
1

これを実現するには、JavaScriptを使用する必要があります。これが例です

<input type="button" onclick="document.forms['myform'].submit()" value="Submit" />
于 2013-03-24T16:08:47.353 に答える