Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 1, średnia ocena: 5,00)
Loading...Loading...

Atrybut target

Atrybut target służy do określania miejsca, w którym ma zostać wyświetlona odpowiedź po zatwierdzeniu przez użytkownika formularza lub miejsca otwarcia strony po kliknięciu łącza.

Przykłady użycia

Po zatwierdzeniu poniższego formularza użytkownik zostanie przeniesiony na nową stronę z odpowiedzią
<form action="skrypt.php" method="post" target="_blank">
  Imię: <input type="text" name="imie" /><br />
  Nazwisko: <input type="text" name="nazwisko" /><br />
  <input type="submit" value="Wyślij" /><br />
</form>
Kliknięcie poniższego łącza spowoduje otwarcie strony w nowym oknie lub na nowej karcie przeglądarki
  <a href="/ target="_blank">BeautifulCode</a>
  

Składnia atrybutu target

<form target="_blank|_self|_parent|_top|nazwa_ramki">

Elementy związane z atrybutem target

Atrybut formtarget można definiować dla elementów form, a, area, base oraz link.

Wartości atrybutu formtarget

Wartość Opis HTML 4.01/XHTML 1.0 HTML 5
_blank Powoduje otwarcie zasobu w nowym oknie lub nowej karcie
_parent Powoduje otwarcie zasobu w nadrzędnym kontekście przeglądania. Jeśli nie ma nadrzędnego kontekstu, opcja ta działa, jak _self
_self Powoduje otwarcie zasobu w tym samym oknie
_top Powoduje otwarcie zasobu w kontekście przeglądania, który jest nadrzędny względem bieącego i nie ma rodzica
nazwa_ramki Powoduje otwarcie zasobu w ramce o podanej nazwie

Obsługa atrybutu target przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Atrybut target jest obsługiwany przez wszystkie najważniejsze przeglądarki.

Różnice między HTML 4.01 a HTML 5

W języku HTML 5 atrybut target nie jest obsługiwany dla elementu link.

Uwagi

W DTD HTML 4.01 i XHTML 1.0 Strict atrybut target dla elementu form nie jest obsługiwany.

Inne artykuły poruszające podobny temat

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Pseudoklasy CSS3 i formularze HTML5 - ikona

Pseudoklasy CSS3 i formularze HTML5

Element link

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!