HTML DOM ফর্ম লক্ষ্য সম্পত্তি

HTML DOM ফর্ম টার্গেট সম্পত্তি ফর্ম ডেটা জমা দেওয়ার পরে প্রতিক্রিয়া কোথায় প্রদর্শিত হবে তা নির্দিষ্ট করার জন্য ব্যবহার করা হয়। এটি একটি নতুন ট্যাব, বর্তমান ট্যাব বা একটি নতুন উইন্ডোতে প্রদর্শিত হতে পারে। ফর্ম টার্গেট প্রোপার্টি টার্গেট অ্যাট্রিবিউট মান সেট করে বা পায়।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

লক্ষ্য সম্পত্তি সেট করা হচ্ছে -

formObject.target = "_blank|_self|_parent|_top|framename"

এখানে, _blank নতুন উইন্ডোতে প্রতিক্রিয়া খুলবে, _self একই উইন্ডোতে প্রতিক্রিয়া খুলবে; প্যারেন্ট প্যারেন্ট ফ্রেমে খুলবে, _টপ পুরো উইন্ডো বডিতে খুলবে এবং ফ্রেমনেম একটি নির্দিষ্ট নামযুক্ত ফ্রেমে খুলবে।

উদাহরণ

আসুন আমরা HTML DOM ফর্ম টার্গেট প্রপার্টি -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<style>
   form {
      border:2px solid blue;
      margin:2px;
      padding:4px;
   }
</style>
<script>
   function SubmitForm() {
      document.getElementById("FORM1").submit();
   }
</script>
</head>
<body>
<h1>Form submit() method example</h1>
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label><br><br>
<label>Age<input type="text" name="Age"></label> <br><br>
<input type="button" onclick="SubmitForm()" value="SUBMIT">
</form>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট তৈরি করবে। সাবমিট ক্লিক করলে, প্রতিক্রিয়া একই উইন্ডোতে খুলবে -

HTML DOM ফর্ম লক্ষ্য সম্পত্তি

চেঞ্জ বোতামে ক্লিক করে সাবমিট-এ ক্লিক করুন; প্রতিক্রিয়া এখন একটি নতুন ট্যাবে প্রদর্শিত হবে −

HTML DOM ফর্ম লক্ষ্য সম্পত্তি

এতে টাইপ টেক্সট সহ দুটি ইনপুট ক্ষেত্র এবং SUBMIT −

নামে একটি বোতাম রয়েছে

<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label><br><br>
<label>Age<input type="text" name="Age"></label> <br><br>
<input type="button" onclick="SubmitForm()" value="SUBMIT">
</form>

তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeTarg() পদ্ধতিটি কার্যকর করবে -

<button onclick="ChangeTarg()">CHANGE</button>

ChangeTarg() পদ্ধতিটি নথি অবজেক্ট getElementById() পদ্ধতি ব্যবহার করে

উপাদান পাবে এবং এর লক্ষ্য সম্পত্তি মান পরিবর্তন করে “_blank”-এ পরিণত করবে। এটি একটি নতুন ট্যাবে প্রদর্শনের জন্য ফর্ম-ডেটা জমা দেওয়ার পরে প্রতিক্রিয়ার অনুমতি দেয়। এই পরিবর্তনটি তারপর কিছু টেক্সট ব্যবহার করে প্রদর্শিত হয় "নমুনা" আইডি সহ অনুচ্ছেদে পাঠ্য বরাদ্দ করে এবং এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে:

function ChangeTarg() {
   document.getElementById("FORM1").target = "_blank";
   document.getElementById("Sample").innerHTML = "The target attribute value is now _blank.";
}