两种形式共享相同的输入

Question

两种形式如何共享相同的输入？我有两种形式,一种用于两种不同的路径......如果我想让用户输入他们的名字,但只有一次......两种形式怎么能抓住这个领域？

Answer 1

使用JavaScript,您可以将一个字段的值设置为另一个字段.

就像是:

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

将该代码放在第一个表单的onblur事件中.

所以:

<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>

Answer 2

在HTML5你可以做到这一点没有JavaScript.使用一组输入执行一个表单,并使用Mozilla Developer Network上的不同格式属性创建两个提交按钮, 如下所示:

<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>