বিবরণ
HTML DOM Input Password required প্রোপার্টি <input> এলিমেন্টের required অ্যাট্রিবিউটের সাথে জড়িত। Required প্রোপার্টি ব্যবহার করা হয় সেট ও রিটার্ন করার জন্য যে কোন পাসওয়ার্ড ফিল্ড বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা ফর্ম সার্ভারে সাবমিট করার আগে। এটি ফর্মকে সাবমিট হওয়া থেকে রোকে দেয় যদি required অ্যাট্রিবিউটসহ পাসওয়ার্ড ফিল্ড ব্যবহারকারী দ্বারা খালি রেখে দেওয়া থাকে।
সিনট্যাক্স
Required প্রোপার্টি সেট করার সিনট্যাক্স:
textObject.required = true|false
এখানে, true মানে টেক্সট ফিল্ড অবশ্যই পূরণ করতে হবে, false মানে ফিল্ড পূরণ করা অপশনাল।
উদাহরণ
Input password required প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input password required property</h1> <p>Check if the above field is mandatory to be filled or not by clicking the below button</p> <form action="/Sample_page.php"> Password: <input type="password" id="PASS1" name="passW" required> <input type="submit"> </form> <br> <button onclick="checkReq()">CHECK</button> <p id="Sample"></p> <script> function checkReq() { var Req=document.getElementById("PASS1").required; if(Req==true) document.getElementById("Sample").innerHTML="The password field must be filled before submitting"; else document.getElementById("Sample").innerHTML="The password field is optional and can be left blank by the user"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK বাটনে ক্লিক করার পর:
Required প্রোপার্টি true সেট থাকা অবস্থায় সাবমিট ক্লিক করলে:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করেছি যার id "PASS1", name "passW" এবং required অ্যাট্রিবিউট true সেট করা আছে। পাসওয়ার্ড ফিল্ড একটি ফর্মের ভেতরে আছে যার action="Sample_page.php" যা নির্দেশ করে ফর্ম ডেটা কোথায় সাবমিট হবে সাবমিট বাটনে ক্লিক করলে।
- তারপর একটি CHECK বাটন তৈরি করা হয়েছে যা ক্লিক করলে checkReq() মেথড এক্সিকিউট হবে।
- checkReq() getElementById() ব্যবহার করে type="password" ইনপুট এলিমেন্ট পায় এবং এর required প্রোপার্টি পায় যা আমাদের কেসে true রিটার্ন করে। রিটার্ন করা বুলিয়ান মান Req ভেরিয়েবলে অ্যাসাইন করা হয় এবং রিটার্ন করা মান true নাকি false তার উপর ভিত্তি করে উপযুক্ত মেসেজ "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
