..

Search

target

target

<form> 태그의 target 속성


HTML <form> 태그 ⇒


정의 및 특징

<form> 태그의 target 속성은 폼 데이터(form data)를 서버로 제출한 후 받는 응답이 열릴 위치를 명시합니다.


문법

<form target="_blank|_self|_parent|_top|프레임 이름">


속성값

속성값   설명

_blank

 

서버로부터 받은 응답을 새로운 윈도우나 탭(tab)에서 보여줌.

_self  

기본값으로 생략 가능.

서버로부터 받은 응답을 링크가 위치한 현재 프레임에서 보여줌.

_parent  

서버로부터 받은 응답을 현재 프레임의 부모 프레임에서 보여줌.

_top  

서버로부터 받은 응답을 현재 윈도우 전체에서 보여줌.

프레임 이름  

서버로부터 받은 응답을 명시된 프레임에서 보여줌.


예제
<form action="/examples/media/action_target.php" method="get" target="_blank">
    이름 : <input type="text" name="st_name"><br>
    학번 : <input type="text" name="st_id"><br>
    학과 : <input type="text" name="department"><br>
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

target 지원함 지원함 지원함 지원함 지원함 지원함

HTML5에서 변경된 사항

HTML 4.01에서는 <form> 요소의 target 속성을 지원하지 않았지만, HTML5부터는 지원하도록 변경되었습니다.

 

HTML5에서는 프레임(frame)과 프레임셋(frameset)을 더 이상 지원하지 않습니다.

따라서 _parent, _top, 프레임 이름과 같은 속성값들은 iframe 요소와 함께 주로 사용됩니다.


연습문제