Чтобы создать форму, которая открывается в новой вкладке, вы можете использовать различные методы в зависимости от ваших предпочтений в веб-разработке и используемых технологий. Вот некоторые распространенные методы:
- HTML-форма с атрибутом «target». В HTML-коде вы можете добавить атрибут target к элементу формы и установить для него значение «_blank». В результате форма отправки откроется в новой вкладке или окне.
<form action="your-action-url" method="post" target="_blank">
<!-- form fields -->
<input type="submit" value="Submit">
</form>
- JavaScript с методом «отправить». Вы можете использовать JavaScript, чтобы перехватить отправку формы и открыть ее в новой вкладке, используя метод
submit
иwindow.open
функция.
<script>
function openFormInNewTab() {
var form = document.getElementById("your-form-id");
form.target = "_blank";
window.open("", "your-form-tab");
form.submit();
}
</script>
<form id="your-form-id" action="your-action-url" method="post">
<!-- form fields -->
<input type="button" value="Submit" onclick="openFormInNewTab()">
</form>
- jQuery с событием «отправить». Если вы используете jQuery, вы можете привязать функцию к событию отправки формы и использовать метод
attr
, чтобы установить для целевого атрибута значение «_blank».
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("form").submit(function() {
$(this).attr("target", "_blank");
});
});
</script>
<form action="your-action-url" method="post">
<!-- form fields -->
<input type="submit" value="Submit">
</form>
Это несколько методов, которые можно использовать для создания формы, которая открывается в новой вкладке. Не забудьте заменить «url-your-action-url» фактическим URL-адресом, по которому вы хотите отправить форму.