কম্পিউটার

HTML DOM ইনপুট পাঠ্য প্রয়োজনীয় সম্পত্তি


HTML DOM ইনপুট টেক্সট প্রয়োজনীয় সম্পত্তি একটি উপাদানের প্রয়োজনীয় বৈশিষ্ট্যের সাথে যুক্ত। সার্ভারে ফর্ম জমা দেওয়ার আগে কিছু টেক্সট ক্ষেত্র পূরণ করা প্রয়োজন বা না হলে প্রয়োজনীয় সম্পত্তি সেট করা এবং ফেরত দেওয়ার জন্য ব্যবহার করা হয়। ব্যবহারকারীর দ্বারা প্রয়োজনীয় বৈশিষ্ট্য সহ একটি পাঠ্য ক্ষেত্র খালি থাকলে এটি ফর্মটিকে জমা না দেওয়ার অনুমতি দেয়৷

সিনট্যাক্স

-এর সিনট্যাক্স নিচে দেওয়া হল

প্রয়োজনীয় সম্পত্তি সেট করা হচ্ছে -

textObject.required = true|false

এখানে, সত্য প্রতিনিধিত্ব করে টেক্সট ক্ষেত্রটি অবশ্যই পূরণ করতে হবে যখন মিথ্যা প্রতিনিধিত্ব করে ফর্ম জমা দেওয়ার আগে ক্ষেত্রটি পূরণ করা তার ঐচ্ছিক প্রতিনিধিত্ব করে৷

উদাহরণ

ইনপুট টেক্সট প্রয়োজনীয় প্রপার্টি −

এর জন্য একটি উদাহরণ দেখা যাক
<!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>Check if the above field is mandatory to be filled or not by clicking the below button</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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট পাঠ্য প্রয়োজনীয় সম্পত্তি

চেক বোতামে ক্লিক করলে -

HTML DOM ইনপুট পাঠ্য প্রয়োজনীয় সম্পত্তি

আপনি যদি ব্যবহারকারীর নাম না লিখে এখনই "জমা দিন" এ ক্লিক করেন, তাহলে একটি সতর্কতা দৃশ্যমান হবে এবং এটি আপনাকে ফর্ম জমা দেওয়ার অনুমতি দেবে না -

HTML DOM ইনপুট পাঠ্য প্রয়োজনীয় সম্পত্তি


  1. HTML DOM ইনপুট টেক্সট প্যাটার্ন বৈশিষ্ট্য

  2. HTML DOM ইনপুট টেক্সট নেম প্রপার্টি

  3. HTML DOM ইনপুট টেক্সট maxLength প্রপার্টি

  4. HTML DOM ইনপুট টেক্সট ফর্ম প্রপার্টি