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

HTML DOM Input Password অবজেক্ট


বিবরণ

HTML DOM Input Password অবজেক্ট <input> এলিমেন্টের সাথে জড়িত যা type="password"। আমরা createElement() এবং getElementById() মেথড ব্যবহার করে type="password" ইনপুট এলিমেন্ট তৈরি ও অ্যাক্সেস করতে পারি।

প্রোপার্টিগুলো

Password অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

ক্রমিক নং প্রোপার্টি ও বিবরণ
১autocomplete
পাসওয়ার্ড ফিল্ডের autocomplete অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
২autofocus
পেজ লোড হলে পাসওয়ার্ড ফিল্ড অটোফোকাস পাবে কিনা সেট বা রিটার্ন করতে
৩defaultValue
পাসওয়ার্ড ফিল্ডের ডিফল্ট মান সেট বা রিটার্ন করতে
৪disabled
পাসওয়ার্ড ফিল্ড ডিসেবল করা আছে কিনা সেট বা রিটার্ন করতে
৫form
পাসওয়ার্ড ফিল্ড ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে
৬maxLength
পাসওয়ার্ড ফিল্ডের maxlength অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
৭name
পাসওয়ার্ড ফিল্ডের name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
৮pattern
পাসওয়ার্ড ফিল্ডের pattern অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
৯placeholder
পাসওয়ার্ড ফিল্ডের placeholder অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
১০readOnly
পাসওয়ার্ড ফিল্ড রিড-অনলি কিনা সেট বা রিটার্ন করতে
১১required
ফর্ম সাবমিট করার আগে পাসওয়ার্ড ফিল্ড বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা সেট বা রিটার্ন করতে
১২size
পাসওয়ার্ড ফিল্ডের size অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
১৩type
এটি একটি রিড-অনলি প্রোপার্টি যা ফর্ম এলিমেন্টের টাইপ রিটার্ন করে (পাসওয়ার্ড ফিল্ডের জন্য "password")।
১৪value
পাসওয়ার্ড ফিল্ডের value অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে

মেথড

Password অবজেক্টের মেথড:

ক্রমিক নং মেথড ও বিবরণ
১select()
পাসওয়ার্ড ফিল্ডের কন্টেন্ট সিলেক্ট করতে

সিনট্যাক্স

Input password অবজেক্ট তৈরি করার সিনট্যাক্স:

var P = document.createElement("INPUT"); P.setAttribute("type", "password");

উদাহরণ

Input Password অবজেক্টের জন্য একটি উদাহরণ:

<!DOCTYPE html> <html> <head> <script>    function createPASS() {       var P = document.createElement("INPUT");       P.setAttribute("type", "password");       document.body.appendChild(P);    } </script> </head> <body> <p>Create an input field with type password by clicking the below button</p> <button onclick="createPASS()">CREATE</button> <br><br> PASSWORD: </body> </html>

আউটপুট

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

HTML DOM Input Password অবজেক্ট

CREATE বাটনে ক্লিক করুন এবং নতুন তৈরি পাসওয়ার্ড ফিল্ডে টাইপ করুন:

HTML DOM Input Password অবজেক্ট

উদাহরণের ব্যাখ্যা

  • আমাদের पास একটি CREATE বাটন আছে যা ক্লিক করলে createPASS() মেথড এক্সিকিউট হবে।
  • createPASS() মেথড document অবজেক্টের createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করে "INPUT" প্যারামিটার পাস করে। নতুন তৈরি ইনপুট এলিমেন্ট P ভেরিয়েবলে অ্যাসাইন করা হয় এবং setAttribute() মেথড ব্যবহার করে type অ্যাট্রিবিউট তৈরি করা হয় যার মান "password"। সেট্রিবিউট() অ্যাট্রিবিউট তৈরি করে এবং মান অ্যাসাইন করে যদি অ্যাট্রিবিউট আগে থেকে না থাকে। শেষে document body-র appendChild() মেথড ব্যবহার করে type="password" ইনপুট এলিমেন্ট বডির চাইল্ড হিসেবে অ্যাপেন্ড করা হয়।
  1. HTML DOM Input Reset অবজেক্ট

  2. HTML DOM Input Search অবজেক্ট

  3. HTML DOM ইনপুট টেক্সট অবজেক্ট

  4. HTML DOM Input Password অবজেক্ট