বিবরণ
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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:

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

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