HTML: submit за пределами формы
размещаем кнопку submit за пределами формы
Далеко не всегда кнопка отправки формы должна находиться в пределах родительского блока form
. Спецификация HTML позволяет размещать ее в любом месте на странице сайта.
Для того чтобы кнопка submit
корректно работала за пределами формы нужно для элемент button type="submit"
указать атрибут form
со значением равным id
формы:
<form id="newsletterForm">
<label for="email">Email:</label>
<input type="email" name="email" placeholder="Email" />
</form>
<button type="submit" form="newsletterForm">Submit!</button>
Кнопка не является частью формы, но по-прежнему работает.
Дополнительная информация на MDN
Спасибо за внимание.