HTML DOM 입력 제출 formTarget 속성은 제출 버튼의 formTarget 속성 값을 설정하거나 반환하는 데 사용됩니다. HTML DOM 입력 제출 formTarget 속성은 양식 데이터가 제출된 후 서버의 응답이 표시되어야 하는 위치입니다. formTarget 속성은 양식 요소의 대상 속성을 재정의합니다. 제출 유형의 입력 요소에 대해 HTML5에 도입되었습니다.
구문
다음은 −
의 구문입니다.formTarget 속성 설정 -
submitObject.formTarget = "_blank|_self|_parent|_top|framename"
여기서 _blank는 새 창에서 응답을 열고 _self는 동일한 창에서 응답을 엽니다. 부모는 부모 프레임에서 열립니다. _top은 전체 창 본문에서 열리고 framename은 지정된 명명된 프레임에서 열립니다.
예시
Submit formTarget 속성에 대한 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Submit formTarget property</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Loc"> <br><br>
<input type="submit" id="SUBMIT1" formtarget=_self>
</form>
<p>View the form response in the new window instead of same window by clicking the below button</p>
<button onclick="changeTarget()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeTarget() {
document.getElementById("SUBMIT1").formTarget="_blank";
document.getElementById("Sample").innerHTML = "The response will now open in the new window";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 버튼을 클릭하면 -
