Несколько форм с общими полями

Question

Как сделать несколько форм с общими полями без использования JavaScript?

<input type=text name=username />
<form action="/users">
    ... some fields ...
</form>
<form action="/admins">
    ... some another fields ...
</form>

Answer 1

Нет необходимости иметь тег ввода внутри формы: вход можно связать с его формой, используя атрибут form .

Было бы неплохо, если бы формы могли обмениваться информацией, но я не слышал об этом. Может, стоит попросить W3C представить это в HTML6?

ОБНОВЛЕНИЕ: один из обходных путей - создать одну форму с несколькими кнопками «Отправить», используя элементы <input type="submit" name="..." value="..." /> или <button type="submit" name="..." value="...">...</button>, чтобы все поля отправлялись при нажатии любой кнопки, а затем на стороне сервера проверить, какая кнопка была нажата.

Answer 2

Я не думаю, что это возможно. Для ваших целей входной тег должен быть внутри тега формы. Кроме того, вы не можете вкладывать разные теги форм друг в друга, поэтому невозможно решить вашу проблему без использования JavaScript.

Если вы хотите использовать JavaScript, вы можете предоставить обеим формам поле редактирования с одинаковым именем и написать JS для синхронизации обеих.

В jQuery вы бы сделали это так:

$('input[name="username"]').change(function() {
    $('input[name="username"]').val($(this).val());
});

(это не в моей голове ... ты все равно можешь сделать это более красиво)