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

HTML DOM Input Password size প্রোপার্টি


বিবরণ

HTML DOM Input Password size প্রোপার্টি ব্যবহার করা হয় ইনপুট পাসওয়ার্ড size অ্যাট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। এটি পাসওয়ার্ড ফিল্ডের প্রস্থ অক্ষরের সংখ্যা অনুযায়ী সংজ্ঞায়িত করতে ব্যবহৃত হয়। ডিফল্ট প্রস্থ ২০ অক্ষরের।

সিনট্যাক্স

Password size প্রোপার্টি সেট করার সিনট্যাক্স:

passwordObject.size = number

এখানে, number হলো পাসওয়ার্ড ফিল্ডের প্রস্থ অক্ষরে। ডিফল্ট প্রস্থ ২০ অক্ষর।

উদাহরণ

Input password size প্রোপার্টির জন্য একটি উদাহরণ:

<!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>

আউটপুট

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

HTML DOM Input Password size প্রোপার্টি

CHANGE বাটনে ক্লিক করার পর:

HTML DOM Input Password size প্রোপার্টি

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

  • প্রথমে আমরা একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করেছি যার id "PASS1"।
  • তারপর একটি CHANGE বাটন তৈরি করা হয়েছে যা ক্লিক করলে changeSize() মেথড এক্সিকিউট হবে।
  • changeSize() মেথড getElementById() ব্যবহার করে type="password" ইনপুট ফিল্ড পায় এবং এর size প্রোপার্টিতে ২০ যোগ করে। পাসওয়ার্ড ফিল্ডের মোট প্রস্থ এখন ২০ অক্ষর বাড়েছে। তারপর size প্রোপার্টি আবার ব্যবহার করে সাইজ পায় এবং s ভেরিয়েবলে অ্যাসাইন করে। নতুন সাইজ মান "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
  1. HTML DOM Input Password type প্রোপার্টি

  2. HTML DOM Input Password size প্রোপার্টি

  3. HTML DOM Input Password required প্রোপার্টি

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