HTML DOM ইনপুট পাসওয়ার্ড সাইজ প্রপার্টি ইনপুট পাসওয়ার্ড সাইজ অ্যাট্রিবিউট মান সেট বা ফেরানোর জন্য ব্যবহার করা হয়। এটি অক্ষরের পরিপ্রেক্ষিতে পাসওয়ার্ড ক্ষেত্রের প্রস্থ নির্ধারণের জন্য ব্যবহৃত হয়। ডিফল্ট প্রস্থ 20 অক্ষরের।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলপাসওয়ার্ড সাইজ প্রপার্টি −
সেট করা হচ্ছেpasswordObject.size = number
এখানে, সংখ্যা অক্ষরে পাসওয়ার্ড ক্ষেত্রের প্রস্থ উপস্থাপন করে। ডিফল্ট প্রস্থ হল 20 অক্ষর৷
৷উদাহরণ
আসুন ইনপুট পাসওয়ার্ড সাইজ প্রপার্টি −
এর জন্য একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <h1>Input password size property</h1> Password: <input type="password" id="PASS1"> <p>Change the Password field width by clicking the below button</p> <button onclick="changeSize()">CHANGE</button> <p id="Sample"> <script> function changeSize() { document.getElementById("PASS1").size+=20; var s=document.getElementById("PASS1").size; document.getElementById("Sample").innerHTML="The password field width is now "+ s; } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে "PASS1" আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি।
Password: <input type="password" id="PASS1">
তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে changeSize() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeSize()">CHANGE</button>
টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে changeSize() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে এবং এর আকারের বৈশিষ্ট্যে যোগ করে। পাসওয়ার্ড ক্ষেত্রের মোট প্রস্থ এখন 20 অক্ষর দ্বারা বৃদ্ধি করা হয়েছে। তারপর আমরা সাইজ পাওয়ার জন্য আবার সাইজ প্রপার্টি ব্যবহার করি এবং এটি ভেরিয়েবল s-এ বরাদ্দ করি। নতুন আকারের মান তারপর অনুচ্ছেদে আইডি "নমুনা" এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয়৷
function changeSize() { document.getElementById("PASS1").size+=20; var s=document.getElementById("PASS1").size; document.getElementById("Sample").innerHTML="The password field width is now "+ s; }