[attribute] HTML - formtarget 속성 - 폼데이터 전달할 폼 지정 (= formtarget속성 = 폼타겟속성)

1. formtarget 예제 - <button> 경우
2. formtarget 정의
3. formtarget 구문
4. formtarget 예제 - <input> 경우

formtarget 예제 - <button> 경우

 

<form action="/action_page.php" method="get">

  <label for="name">이름:</label>

  <input type="text" id="name" name="name"><br>

  <label for="age">나이:</label>

  <input type="number" id="age" name="age"><br><br>

  <button type="submit">확인</button>

  <button type="submit" formtarget="_blank">확인 (새탭으로 제출)</button>

</form>

 

formtarget 정의

 

폼데이터를 서버에 제출 후 응답을 표시할 위치 지정.

(= <form> 태그 target 속성의 값을 덮어씀.)

 

---

 

1. formtarget 속성 사용 가능 태그 종류

<button>, <input>

• <button> 경우, type="submit" 경우만 가능.
• <input> 경우, (type="submit" / type="image) 경우만 가능.

 

2.

• <button> 경우, IE10 이상 주요 최신 브라우저 모두 지원.
• <input> 경우, 모든 브라우저 지원.

 

formtarget 구문

 

• <input formtarget="_blank|_self|_parent|_top|frameName">
• <button type="submit" formtarget="_blank|_self|_parent|_top|frameName">

 

---

[속성값]

 

• _blank - 새창 (또는, 새탭)
• _self - 현재창
• _parent - 부모창
• _top - 최싱단창
• frameName - 저정 프레임창

 

formtarget 예제 - <input> 경우

 

<form action="/action_page.php">

  <label for="name">이름:</label>

  <input type="text" id="name" name="name"><br><br>

  <label for="age">나이:</label>

  <input type="number" id="age" name="age"><br><br>

  <input type="submit" value="확인">

  <input type="submit" formtarget="_blank" value="확인 (새탭으로 제출)">

</form>