2

2 つの HTML フォームを結合するにはどうすればよいですか

異なる位置にあるフォームに結合しようとしています。だから私は一度にすべてのデータを投稿することができます。

ここに例があります

<form action="actions.php">
<input type="text">
<input type="text">
 <input type="submit" name="button" id="button" value="submit" />

</form> 


<form>
<input type="text">
<input type="text">
 </form>
4

10 に答える 10

4

2 番目のフォームに隠しフィールドを追加し、これらのフィールドに (Java スクリプトを使用して) 最初のフォームの値を入力してから送信することができます。

于 2010-10-29T14:36:46.810 に答える
3

私はあなたの実際の要件を知りませんが、（私が知っているように）1つのフォームを作成し、要素をその中に配置することをお勧めします..それらをdiv/table/cssなどの中に配置することをお勧めします.次に、javascriptを使用することで、コントロール値を取得します。例えば：

document.getElementById("controlid").value

また

document.forms[0].Element[0].value    
document.forms[1].Element[0].value

これが何らかのアイデアを与えることを願っています

于 2010-10-29T14:39:40.797 に答える
2

私が間違っていなければ、あなたが心配しているのであれば、<form> の <input> エントリの間に何かを入れることができます。フォームを、現在 2 つのフォームからの入力を含むページ全体にまたがるようにし、その他のフォーム以外のものを新しい <form> 内に配置するだけです。

于 2010-10-29T14:34:39.803 に答える
2 
<form action="actions.php">
<input type="text">
<input type="text">
<input type="text">
<input type="text">

 <input type="submit" name="button" id="button" value="submit" />

</form>

現在、それらは結合されています。

于 2010-10-29T14:34:45.653 に答える
2

入力タグを有効にするには、name 属性が必要です。

次のように、分割と CSS を使用します。

<style>
.part1 {float: left}
.part2 {float: right}
</style>

<form action="actions.php">

<div class="part1">
<input name="input1" type="text">
<input name="input2" type="text">
<input type="submit" name="button" id="button" value="submit" />
</div>

<div class="part2">
<input name="input3" type="text">
<input name="input4" type="text">
</div>

</form>

CSS を使用して、フォームの各部分を配置できます。

別のオプションは、次のように JavaScript を使用することです。

<form name="form1" action="actions.php">
<input name="input1" type="text">
<input name="input2" type="text">
<input name="input3" type="hidden">
<input name="input4" type="hidden">
<input type="submit" name="button" id="button" value="submit" />

<form name="form2">
<input onBlur="document.form1.input3.value = this.value" name="input3" type="text">
<input onBlur="document.form1.input4.value = this.value" name="input4" type="text">
</form>

逆も可能です:

<form onSubmit="this.input3.value = document.form2.input3.value; this.input4.value = document.form2.input4.value;" name="form1" action="actions.php">
<input name="input1" type="text">
<input name="input2" type="text">
<input name="input3" type="hidden">
<input name="input4" type="hidden">
<input type="submit" name="button" id="button" value="submit" />

<form name="form2">
<input name="input3" type="text">
<input name="input4" type="text">
</form>
于 2010-10-29T14:35:58.437 に答える
2

2 つのフォームを作成しないでください。レイアウトには適切な HTML 要素と CSS を使用してください。必要に応じて、javascript を自由に使用してアニメーション化し、効果を追加してください。

適切な要素とは、次のようなことができることを意味します。

<form action="actions.php">
    <fieldset id="personalInfo">
        <legend>Personal Information:</legend>
        <input type="text" name="field1" />
        <input type="text" name="field2" />
        <input type="submit" name="button" id="button" value="submit" />
    </fieldset>

    <fieldset id="addressInfo">
        <legend>Address information:</legend>
        <input type="text" name="field3" />
        <input type="text" name="field4" />
    </fieldset>
</form>

CSS を使用して配置します。

#personalInfo {position: relative; top: 0px}
#addressInfo {position: relative; top: 200px;}

もちろん、必要に応じて例を調整してください。

于 2010-10-29T16:22:56.083 に答える
1

単一のformタグを使用するだけです:

<form action="actions.php">
  <input type="text">
  <input type="text">
  <input type="submit" name="button" id="button" value="submit" />
  <input type="text">
  <input type="text">
</form>

すべてのフォーム データは、1 回の呼び出しで送信されます (コメントの 1 つで必要なものを示しているため) actions.php。

このフォーム (および質問に投稿したもの) は、入力要素のいずれかに ID がないと、ID がないと値を区別するのが難しいため、あまり役に立ちません。

フォームの外観に関しては、CSS を使用してさまざまな要素のスタイルと配置を行う必要があります。

于 2010-10-29T14:34:57.807 に答える
0

JavaScript を使用すると、すべてのフォーム要素を取得して、それらをすべて同じフォームに結合し、同時に送信できます。それはあなたが探しているものですか？

于 2010-10-29T14:34:49.507 に答える
0

HTML では、フォーム内に他のテキストやタグを含めることができます。これを行うだけです：

<form action="actions.php">
<input type="text">
<input type="text">
<input type="submit" name="button" id="button" value="submit" />
<input type="text">
<input type="text">
</form>
于 2010-10-29T19:49:56.193 に答える