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

HTML DOM Input Password form প্রপার্টি


HTML DOM Input Password form প্রপার্টি ইনপুট পাসওয়ার্ড ফিল্ড ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে ব্যবহৃত হয়। যদি ইনপুট পাসওয়ার্ড ফিল্ড ফর্মের বাইরে থাকে তবে এটি সিম্পলি NULL রিটার্ন করবে। এই প্রপার্টি read-only।

সিনট্যাক্স

input password form প্রপার্টির সিনট্যাক্স:

passwordObject.form

উদাহরণ

Input Password form প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <body> <h1>Input Password form প্রপার্টি</h1> <form id="NEW_FORM"> Password: <input type="password" id="PASS"> </form> <p>নিচের বাটনে ক্লিক করে ফর্মের id পান</p> <button type="button" onclick="formId()">GET FORM</button> <p id="Sample"></p> <script>    function formId() {       var P=document.getElementById("PASS").form.id;       document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ড ধারণকারী ফর্মের id: "+P ;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Input Password form প্রপার্টি

GET FORM বাটনে ক্লিক করলে:

HTML DOM Input Password form প্রপার্টি

উপরের উদাহরণে:

প্রথমে id “PASS” সহ একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করা হয়েছে যা id “NEW_FORM” ওয়ালা <form> এলিমেন্টের ভিতরে আছে:

<form id=”NEW_FORM”> Password: <input type="password" id="PASS"> </form>

তারপর GET FORM বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে formId() মেথড এক্সিকিউট করবে:

<button type="button" onclick="formId()">GET FORM</button>

formId() মেথড getElementById() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ইনপুট ফিল্ড পাওয়া এবং পাসওয়ার্ড ফিল্ড ধারণকারী ফর্ম অবজেক্টের id প্রপার্টি পাওয়া। এরপর এই মান P ভেরিয়েবলে অ্যাসাইন করে id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:

function formId() {    var P=document.getElementById("PASS").form.id;    document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ড ধারণকারী ফর্মের id: "+P ; }

  1. HTML DOM Input Search form প্রোপার্টি

  2. HTML DOM ইনপুট সাবমিট form প্রপার্টি

  3. HTML DOM ইনপুট টেক্সট form প্রপার্টি

  4. HTML DOM Input Password value প্রপার্টি