Атрибут formtarget тега <input>
Описание
Атрибут formtarget указывает, где открывать ответ от сервера после отправки формы. Применяется к элементам <input type="submit"> и <input type="image">, переопределяя атрибут target родительской формы.
<form action="/process" target="_self">
<input type="text" name="search" placeholder="Поиск...">
<!-- Открыть в текущем окне (по умолчанию) -->
<input type="submit" value="Обычный поиск">
<!-- Открыть в новом окне -->
<input type="submit" formtarget="_blank" value="Поиск в новом окне">
</form>
Доступные значения:
| Значение | Описание | Пример |
|---|---|---|
_blank |
Открывает в новом окне/вкладке | formtarget="_blank" |
_self |
Открывает в текущем окне (по умолчанию) | formtarget="_self" |
_parent |
Открывает в родительском фрейме | formtarget="_parent" |
_top |
Открывает в верхнем уровне фреймов | formtarget="_top" |
| имя фрейма | Открывает в указанном фрейме | formtarget="myFrame" |
Пример с разными целями:
<form action="/report">
<input type="text" name="period" placeholder="Период отчета">
<input type="submit" value="Просмотр" formtarget="_self">
<input type="submit" value="Печать" formtarget="_blank">
<input type="submit" value="Экспорт" formtarget="downloadFrame">
</form>
<iframe name="downloadFrame" style="display:none"></iframe>
Рекомендации:
- Используйте
_blankдля отчетов и документов, которые могут понадобиться параллельно - Избегайте открытия форм в новых окнах без предупреждения
- Для PDF-файлов лучше использовать
target="_blank" - Сочетайте с атрибутами
formmethodиformactionдля гибкого управления
Пример для файлового менеджера:
<form action="/filemanager">
<input type="hidden" name="file_id" value="123">
<input type="submit" value="Просмотр" formtarget="_self">
<input type="submit" value="Скачать" formtarget="download_frame">
<input type="submit" value="Печать" formtarget="_blank">
</form>
<iframe name="download_frame" style="display:none"></iframe>
Примечание: Атрибут formtarget особенно полезен, когда одна форма должна поддерживать разные варианты отображения результатов (просмотр, печать, скачивание). Однако помните, что современные браузеры могут блокировать всплывающие окна, если они открываются без явного действия пользователя.