16

htmlフォームを分割することは可能かどうか疑問に思っていますか？

基本的に私は普通の形をしています

<form action="/post.php" method="post" id="postform">
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

次に、ajax画像をアップロードします。これには、動作方法に応じた独自のフォームが含まれています。

その後、最初のフォームの送信ボタンが必要です。

私はjavascriptの送信ボタンを持つことができることを知っていますが、それはJavascriptを持たない人を締め出します。それで、フォームを複数のグループに分割することは可能かどうか疑問に思っていますか？

たとえば、これが機能しないことはわかっていますが、私がやりたいことを示しています。

<form action="/post.php" method="post" id="postform">
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

<!-- form for ajax image upload here -->

<!-- continuation of first form -->
<form action="/post.php" method="post" id="postform"> 
    <!-- this button should submit the top form -->
    <input type="submit" value="Submit"/>
</form>
4

3 に答える 3

28

HTML5では、 https： //stackoverflow.com/a/8380229/556085で指摘されているようにその可能性があります。

サンプルフォーム：

<form id="formID" action="action" method="post">
    Text: <input type="text" value="some_id" name="some_name" />
</form>

そして、フォームを参照して送信を配置し、IDを介して送信します。

<input type="submit" name="save" value="Save" form="formID" />
于 2013-01-23T13:25:14.900 に答える
1

さまざまなIDを持つさまざまなフォームタグで区切られたさまざまなフォームがある場合は、javascriptを使用してフォーム送信イベントを発生させることができます。

クライアントにJavaScriptがないと、どうすればよいかわかりません...

于 2012-09-11T13:47:56.493 に答える
0

formプロパティは、すべてのブラウザで機能するわけではありません。

私は通常、IDを使用してフォームに非表示の入力を行います。フォーム外の入力で、これらの非表示の入力をonblurで更新します。

<form action="/post.php" method="post" id="postform">
    <input type="hidden" id="phone" name="phone"/>
    <label for="name">Name: </label>
    <input id="name" name="name" value=""/>
</form>

<input type="phone" onblur="javascript:getElementById('phone').value=this.value"/>
于 2014-05-14T11:08:24.747 に答える