HTML DOM ইনপুট পাসওয়ার্ড অবজেক্টটি "পাসওয়ার্ড" টাইপ সহ উপাদানের সাথে যুক্ত। আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ একটি ইনপুট উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।
সম্পত্তি
পাসওয়ার্ড অবজেক্ট -
এর বৈশিষ্ট্যগুলি নিম্নরূপSr.No | সম্পত্তি এবং বিবরণ |
---|---|
1 | স্বয়ংসম্পূর্ণ৷ একটি পাসওয়ার্ড ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
2 | অটোফোকাস পৃষ্ঠা লোড হলে পাসওয়ার্ড ক্ষেত্র স্বয়ংক্রিয়ভাবে ফোকাস পেতে হবে কিনা সেট বা ফেরত দিতে। |
3 | ডিফল্ট মান পাসওয়ার্ড ক্ষেত্রের ডিফল্ট মান সেট করতে বা ফেরত দিতে। |
4 | অক্ষম৷ পাসওয়ার্ড ক্ষেত্র নিষ্ক্রিয় করা হয়েছে কিনা তা সেট করতে বা ফেরত দিতে। |
5 | ফর্ম পাসওয়ার্ড ক্ষেত্র ধারণকারী ফর্মের রেফারেন্স ফেরত দিতে |
6 | সর্বোচ্চ দৈর্ঘ্য একটি পাসওয়ার্ড ক্ষেত্রের সর্বাধিক দৈর্ঘ্য বৈশিষ্ট্য মান সেট বা ফেরত দিতে। |
7 | নাম একটি পাসওয়ার্ড ক্ষেত্রের নাম বৈশিষ্ট্য মান বা ফেরত দিন |
8 | প্যাটার্ন একটি পাসওয়ার্ড ক্ষেত্রের প্যাটার্ন বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
9 | প্লেসহোল্ডার একটি পাসওয়ার্ড ক্ষেত্রের স্থানধারক বৈশিষ্ট্য মান সেট বা ফেরত দিতে |
10 | Only read পাসওয়ার্ড ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য হলে সেট করতে বা ফেরত দিতে |
11 | প্রয়োজনীয় ফর্ম জমা দেওয়ার আগে পাসওয়ার্ড ক্ষেত্রটি পূরণ করা বাধ্যতামূলক হলে সেট করুন বা ফেরত দিন। |
12 | আকার পাসওয়ার্ড ক্ষেত্রের সাইজ অ্যাট্রিবিউট মান সেট বা ফেরত দিতে। |
13 | টাইপ এটি একটি পঠনযোগ্য সম্পত্তি যা পাসওয়ার্ড ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে। |
14 | মান পাসওয়ার্ড ক্ষেত্রের মান বৈশিষ্ট্য মান সেট বা ফেরত দিতে. |
পদ্ধতি
পাসওয়ার্ড অবজেক্ট -
এর জন্য নিম্নলিখিত পদ্ধতিSr. No | পদ্ধতি ও বর্ণনা |
---|---|
1 | select() পাসওয়ার্ড ক্ষেত্রের বিষয়বস্তু নির্বাচন করতে. |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ইনপুট পাসওয়ার্ড অবজেক্ট তৈরি করা হচ্ছে -
var P = document.createElement("INPUT"); P.setAttribute("type", "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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
তৈরি করুন বোতামে ক্লিক করে এবং নতুন তৈরি পাসওয়ার্ড ক্ষেত্রে টাইপ করুন -
উপরের উদাহরণে -
আমাদের কাছে একটি ক্রিয়েট বোতাম রয়েছে যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createPass() পদ্ধতিটি কার্যকর করবে -
<button onclick="createPASS()">CREATE</button>
createPass() পদ্ধতিটি নথি বস্তুর createElement() পদ্ধতি ব্যবহার করে একটি প্যারামিটার হিসাবে "INPUT" পাস করে উপাদান তৈরি করতে। নতুন তৈরি করা ইনপুট উপাদানটি P ভেরিয়েবলের সাথে বরাদ্দ করা হয়েছে এবং setAttribute() পদ্ধতি ব্যবহার করে আমরা মান পাসওয়ার্ড সহ একটি টাইপ বৈশিষ্ট্য তৈরি করি। মনে রাখবেন, setAttribute() অ্যাট্রিবিউট তৈরি করে এবং তারপর যদি অ্যাট্রিবিউটটি আগে থেকে না থাকে তবে তার মান নির্ধারণ করে। অবশেষে, ডকুমেন্ট বডিতে appendChild() পদ্ধতি ব্যবহার করে আমরা বডির চাইল্ড হিসাবে টাইপ পাসওয়ার্ড সহ ইনপুট উপাদান যুক্ত করি -
function createPASS() { var P = document.createElement("INPUT"); P.setAttribute("type", "password"); document.body.appendChild(P); }