[HTML] form submit redirection 리다이렉션 없이 자기 페이지에 결과 표시 :  <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>

코딩연습 ▶

 

[출처] https://www.tcpschool.com/html-tag-attrs/form-target

 

 

 

 

 

 

 

 

 

 

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

[HTML] form submit redirection 리다이렉션 없이 자기 페이지에 결과 표시 :  <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>

코딩연습 ▶

 

[출처] https://www.tcpschool.com/html-tag-attrs/form-target

 

 

 

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
126 [프론트앤드] 리액트(React) 간단 문법 정리 file 졸리운_곰 2025.11.19 549
125 [JavaScript] Algorithm | Fizz Buzz 졸리운_곰 2025.01.03 365
124 [Javascript] onload, ready file 졸리운_곰 2024.08.13 460
123 [HTML][JavaScript] jQuery .ready() vs .onload() 특징 및 차이 졸리운_곰 2024.05.23 442
122 [JavaScript] JavaScript / Object / Element.removeAttribute() / 요소의 속성을 제거하는 메서드 졸리운_곰 2024.05.18 402
121 [JavaScript] How to select all tag elements with JS 졸리운_곰 2024.05.18 11105
120 [JavaScript] 자바스크립트 javascript 정규식 replace html 제거 태그 제거 졸리운_곰 2024.05.18 618
119 [JavaScript] Checking if iframe contents are loaded? : iframe 로딩 완료 이벤트 확인 졸리운_곰 2024.05.18 533
118 [JavaScript] 자바스크립트 DIV 보이기, 숨기기(토글) 졸리운_곰 2024.05.16 501
117 [JavaScript] [JS] XPath로 element 찾기 file 졸리운_곰 2024.05.16 495
116 [JavaScript] Force-DOM-reflow-JS 졸리운_곰 2024.05.16 522
115 [JavaScript] Javascript XPath를 이용해서 Dom Element 가져오기 졸리운_곰 2024.05.15 496
114 [JavaScript] Introduction to using XPath in JavaScript 졸리운_곰 2024.05.15 504
113 [JavaScript] JavaScript :: 요소 가져오기 file 졸리운_곰 2024.05.15 579
112 [JS] 문자열의 위치 찾기 & 문자열 추출하기 file 졸리운_곰 2024.02.28 573
111 [JavaScript] lastIndexOf() : String에서 원하는 값의 마지막 위치(index) 찾기 졸리운_곰 2024.02.28 544
110 [Javascript] [Javascript] 자바스크립트에서 Class 사용하기-constructor, extends, file 졸리운_곰 2023.11.29 616
109 [Javascript] undefined와 null의 차이점이란 ? 졸리운_곰 2023.11.29 476
108 [JavaScript] [JS] CORS 정리 및 오류 해결 졸리운_곰 2023.05.09 454
107 [JavaScript] 자바스크립트 객체 배열에서 indexOf 사용방법 졸리운_곰 2023.01.26 480
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED