[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

 

 

 

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
21 [docker] 도커 실행 중인 전체 컨테이너 중지, 일괄 삭제 (prune) file 졸리운_곰 2021.08.14 637
20 [java][spring boot][swagger] Spring boot로 Swagger 적용하기 file 졸리운_곰 2021.07.27 318
19 [Java][Spring boot][swagger] [SpringBoot] Swagger - API Docs 자동화 file 졸리운_곰 2021.07.27 364
18 [JWT] JWT 토큰 기반 인증 file 졸리운_곰 2021.04.24 454
17 [JWT] JWT 서버 인증 file 졸리운_곰 2021.04.24 398
16 [JWT] REST JWT(JSON Web Token)소개 - #2 node.js에서 JWT 사용하기 file 졸리운_곰 2021.04.24 444
15 [JWT] JWT(JSON Web Token)을 이용한 API 인증 - #1 개념 소개 file 졸리운_곰 2021.04.24 368
14 [무중단 시스템 배포] 배포 전략: Rolling, Blue/Green, Canary file 졸리운_곰 2021.03.15 340
13 [MSA] REST API 제대로 알고 사용하기 file 졸리운_곰 2021.03.14 698
12 [MSA] [REST API] URL 규칙, RESTful한 URL이란? file 졸리운_곰 2021.03.14 376
11 [MSA] API Gateway 란! 그리고 왜 중요한가? file 졸리운_곰 2021.03.12 456
10 Building a real-time prediction pipeline using Spark Structured Streaming and Microservices file 졸리운_곰 2021.02.21 341
9 Use of microservices in Real time Data Streaming for Spark Streaming or Apache Flink file 졸리운_곰 2021.02.21 507
8 Design Techniques for Building Streaming Data, Cloud-Native Applications: Part 2 - Akka Streams, Kafka Streams, and Friends file 졸리운_곰 2021.02.21 439
7 Design Techniques for Building Streaming Data, Cloud-Native Applications: Part 1 - Spark, Flink, and Friends file 졸리운_곰 2021.02.21 373
6 Microservices 주요 패턴 정리 file 졸리운_곰 2021.02.21 380
5 A pattern language for microservices file 졸리운_곰 2021.02.21 560
4 마이크로서비스 패턴 file 졸리운_곰 2021.02.21 391
3 [디자인패턴] Design Patterns for Microservices 졸리운_곰 2021.02.21 383
2 마이크로서비스 디자인 패턴 file 졸리운_곰 2021.02.21 714
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED