<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>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| formtarget | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 | 지원함 |
HTML5에서 변경된 사항
formtarget 속성은 HTML5에서 <button> 태그에 새롭게 추가된 속성입니다.
또한, HTML5에서는 프레임(frame)과 프레임셋(frameset)을 더 이상 지원하지 않습니다.
따라서 _parent, _top, 프레임 이름과 같은 속성값들은 iframe 요소와 함께 주로 사용됩니다.
