Каково использование атрибута target в теге HTML-формы?

Пока я реализовал индикатор выполнения загрузки файлов в PHP, я увидел этот целевой атрибут в теге form. Код был примерно таким:

<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" 
      method="POST" id="myForm" 
      enctype="multipart/form-data" 
      target="hidden_iframe">

Какая польза от этого target attribute здесь?

Собственно, после отправки данных формы (файла) мы отслеживаем ход загрузки с другой страницы, скажем upload.php. Можем ли мы реализовать это без атрибута target?

Ответ 1

Это используется для указания в каком окне вы хотите показать ответ с удаленного сервера при отправке своей формы.

Возможные значения:

_blank - новая страница
frame - показать в iframe с заданным именем
_self - показать в том же iframe, где форма находит
_parent - показать на родительской странице /iframe формы iframe
_top - самое верхнее окно

Ответ 2

Работает точно так же, как и цель привязки. В вашем случае это выглядит как iframe где-то с name="hidden_iframe" -, где будет отображаться ответ от формы.

Вот описание целей формы

Имя или ключевое слово, указывающее, где будет отображаться ответ, полученный после отправки формы. В HTML 4 это имя или ключевое слово для фрейма. В HTML5 это имя или контекст для контекста просмотра (например, вкладка, окно или встроенный кадр).

Источник: <form> - HTML | MDN #target

Ответ 3

<form action="demo_form.asp" method="get" target="_blank">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

Атрибут target указывает имя или ключевое слово, которое указывает, где отобразить ответ, полученный после отправки формы.

Атрибут target определяет имя или ключевое слово для контекста просмотра (например, вкладка, окно или встроенный кадр).

Значения атрибута цели:

_blank: ответ отображается в новом окне или вкладке

_self: ответ отображается в том же фрейме (это по умолчанию)

_parent: ответ отображается в родительском фрейме

_top: ответ отображается во всей полноте окна

framename: ответ отображается в именованном iframe

Теперь переходите к вашему коду.

method="POST" id="myForm" enctype="multipart/form-data" target="hidden_iframe"

указывает после публикации myForm. Ответ (результирующая страница) будет занят 'hidden_iframe'.