..

Search

formtarget

formtarget

<button> 태그의 formtarget 속성


HTML <button> 태그 ⇒


정의 및 특징

<button> 태그의 formtarget 속성은 폼 데이터(form data)가 서버로 제출된 후 받은 응답(response) 데이터를 어디에 표시할 지를 명시합니다.

 

이 속성은 <button> 요소의 type 속성값이 “submit” 또는 “image”인 경우에만 사용할 수 있습니다.

formtarget 속성은 <form> 요소의 target 속성값을 재정의(overriding)합니다.


문법

<button formtarget="_blank|_self|_parent|_top|프레임 이름">

속성값

속성값   설명

_blank

 

서버의 응답(response)을 새로운 윈도우나 탭(tab)에서 로드함.

_self  

기본값으로 생략 가능.

서버의 응답(response)을 현재 프레임에서 로드함.

_parent  

서버의 응답(response)을 현재 프레임의 부모 프레임에서 로드함.

_top  

서버의 응답(response)을 현재 윈도우 전체에서 로드함.

프레임 이름  

서버의 응답(response)을 명시된 프레임에서 로드함.


예제
<form action="/examples/media/action_target.php" method="get">
    이름 : <input type="text" name="st_name"><br>
    학번 : <input type="text" name="st_id"><br>
    <button type="submit">제출하기</button>
    <button type="submit" formtarget="_blank">새창으로 제출하기</button>
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

formtarget 지원함 지원함 지원함 지원함 지원함 지원함

HTML5에서 변경된 사항

formtarget 속성은 HTML5에서 <button> 태그에 새롭게 추가된 속성입니다.

 

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

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


연습문제