কম্পিউটার টিউটোরিয়াল

HTML <form> target অ্যাট্রিবিউট


<form> target অ্যাট্রিবিউট

<form> এলিমেন্টের target অ্যাট্রিবিউট নির্দিষ্ট করে যে ফর্ম সাবমিশনের পর রেসপন্স (সার্ভার থেকে ফেরত আসা পেজ) কোথায় প্রদর্শিত হবে।

সিনট্যাক্স

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

মানসমূহ

মান বিবরণ
_blank রেসপন্স নতুন উইন্ডো বা ট্যাবে খোলবে
_self রেসপন্স একই ফ্রেমে খোলবে (ডিফল্ট)
_parent রেসপন্স প্যারেন্ট ফ্রেমে খোলবে
_top রেসপন্স পুরো উইন্ডোর বডিতে খোলবে
framename নামকৃত ফ্রেমে খোলবে

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>পয়েন্ট্স</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>

আউটপুট

HTML <form> target অ্যাট্রিবিউট

ফর্ম সাবমিট করলে রেসপন্স একটি নতুন উইন্ডোতে প্রদর্শিত হবে।

ব্যবহারের ক্ষেত্রসমূহ

  • target="_blank" — প্রিন্ট-ফ্রেন্ডলি রসিদ, পিডিএফ জেনারেশন, বা এক্সটার্নাল পেমেন্ট গেটওয়ে রিডাইরেক্টের সময়।
  • target="_self" — সাধারণ ফর্ম সাবমিশন (ডিফল্ট আচরণ)।
  • target="iframe_name" — AJAX ছাড়া ফাইল আপলোড বা ক্রস-ডোমেন ফর্ম সাবমিশনে।

দ্রষ্টব্য

  • <button> বা <input type="submit"> এও formtarget অ্যাট্রিবিউট দিয়ে ফর্ম-লেভেল টার্গেট ওভাররাইড করা যায়।
  • target="_blank" ব্যবহার করলে rel="noopener" যোগ করা ভালো অভ্যাস।
  1. HTML low অ্যাট্রিবিউট

  2. HTML novalidate অ্যাট্রিবিউট

  3. HTML Form method অ্যাট্রিবিউট

  4. HTML Form action অ্যাট্রিবিউট