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

Thuộc tính target HTML

Thuộc tính target của phần tử cho phép bạn hiển thị phản hồi được tạo sau khi gửi biểu mẫu.

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

<form target="_blank|_self|_parent|_top|frame">

Ở đây, _blank được sử dụng để hiển thị phản hồi trong cửa sổ hoặc tab mới, _ tự hiển thị phản hồi trong cùng một khung, _parent hiển thị phản hồi trong khung chính, _top hiển thị phản hồi trong toàn bộ nội dung cửa sổ, khung hiển thị phản hồi trong một khung được đặt tên.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính đích của phần tử -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="new.php" method="get" target="_blank">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="points"><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

Điều này sẽ tạo ra kết quả sau. Khi bạn gửi biểu mẫu, phản hồi sẽ xuất hiện trong một cửa sổ mới -

Thuộc tính target HTML  form

Khi gửi biểu mẫu, phản hồi sau sẽ được hiển thị trong cửa sổ mới -

Thuộc tính target HTML  form