2009-11-07 24 views
11

どのように2つのフォームが同じ入力を共有できますか? 私は2つのフォームを持っていますが、1つは2つの異なるパスに対応しています...ユーザーに名前を入力させたいのですが、一度だけです...どのようにして両方のフォームがこのフィールドを保持できますか?2つのフォームが同じ入力を共有します

+1

好奇心旺盛な方のために、[ 'form'属性](https://でdeveloper.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-form)は、1つのフォームしか指定できません。これには使用できません。 – 4castle

答えて

9

JavaScriptを使用すると、あるフィールドの値を別のフィールドの値に設定できます。あなたの最初のフォームのonBlurイベントでそのコードを入れて

document.form2.input.value = this.value; 

:よう

何か。

ので:HTML5

<form name="form1"> 
<input type="text" name="input" onblur="document.form2.input.value = this.value;" /> 
</form> 

<form name="form2"> 
<input type="text" name="input" onblur="document.form1.input.value = this.value;" /> 
</form> 
+0

はJSなしでこれをやりたいと思っていましたが、どういうことか:) – tarnfeld

+0

残念なことに、私は投稿を編集してコピー貼り付けの例を追加しました。 –

+0

ホールド。 [w3schools textarea]ページ(https://www.w3schools.com/tags/tag_textarea.asp)は、(簡略化して) 'Element = textarea、Attribute = form、Value = form_id、Description ="と指定します。フォームのテキストエリアが属している "なぜフォームのリストを指定することはできませんか?それは私の現在の問題を多く解決するだろう@WaleedAmjad – Charlie

6

あなたはJavaScriptせずにそれを行うことができます。 異なるformactionは、このようなfound on Mozilla Developer Network 属性を使用して送信ボタン入力の1セットで1つのフォームを実行し、ちょうど2を作る:

<form> 
    <input name="fname" type="text" /> 

    <input type="submit" value="button one" formaction="script_one.php"> 
    <input type="submit" value="button two" formaction="script_two.php"> 
</form> 
関連する問題