Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Gửi biểu mẫu Thuộc tính mục tiêu

Thuộc tính HTML DOM Input Submit formTarget được sử dụng để thiết lập hoặc trả về giá trị thuộc tính formTarget của nút gửi. Thuộc tính HTML DOM Input Submit formTarget là nơi phản hồi từ máy chủ sẽ được hiển thị sau khi dữ liệu biểu mẫu được gửi. Thuộc tính formTarget ghi đè thuộc tính đích của phần tử biểu mẫu. Nó được giới thiệu trong HTML5 cho phần tử đầu vào với loại gửi.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính formTarget -

submitObject.formTarget = "_blank|_self|_parent|_top|framename"

Tại đây, _blank sẽ mở phản hồi trong cửa sổ mới; _self sẽ mở phản hồi trong cùng cửa sổ; cha sẽ mở trong khung cha; _top sẽ mở trong toàn bộ nội dung cửa sổ và framename sẽ mở nó trong một khung được đặt tên cụ thể.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Gửi 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Gửi biểu mẫu Thuộc tính mục tiêu

Khi nhấp vào nút THAY ĐỔI -

HTML DOM Input Gửi biểu mẫu Thuộc tính mục tiêu