ভূমিকা
HTML DOM ইনপুট টেক্সট required প্রপার্টি একটি <input> এলিমেন্টের required এট্রিবিউটের সাথে জড়িত। required প্রপার্টি ব্যবহার করা হয় সেটিং এবং রিটার্ন করার জন্য যে কোনো টেক্সট ফিল্ড ফর্ম সার্ভারে সাবমিট করার আগে বাধ্যতামূলকভাবে পূরণ করতে হবে কিনা। এটি ফর্মকে সাবমিট হতে দেয় না যদি required এট্রিবিউট 가진 একটি টেক্সট ফিল্ড ব্যবহারকারী খালি রেখে দেয়।
সিনট্যাক্স
required প্রপার্টি সেট করার সিনট্যাক্স:
textObject.required = true|false
এখানে, true মানে টেক্সট ফিল্ড বাধ্যতামূলকভাবে পূরণ করতে হবে, false মানে ফর্ম সাবমিট করার আগে ফিল্ড পূরণ করা অপশনাল।
উদাহরণ
নিচে ইনপুট টেক্সট required প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input Text required property</h1> <form action="/Sample_page.php"> USERNAME: <input type="text" id="USR" name="user_name" required> <input type="submit"> </form> <p>নিচের বাটনে ক্লিক করে উপরের ফিল্ড বাধ্যতামূলক কিনা চেক করুন</p> <button onclick="checkReq()">CHECK</button> <p id="Sample"></p> <script> function checkReq() { var Req=document.getElementById("USR").required; if(Req==true) document.getElementById("Sample").innerHTML="The text field must be filled before submitting"; else document.getElementById("Sample").innerHTML="The text field is optional and can be left blank by the user"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CHECK বাটনে ক্লিক করার পর:
যদি আপনি ইউজারনেম না দিয়ে "Submit" ক্লিক করেন, একটি সতর্কতা দেখা যাবে এবং এটি আপনাকে ফর্ম সাবমিট করতে দেবে না:
