কম্পিউটার

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


HTML DOM ইনপুট টেক্সট প্যাটার্ন প্রপার্টি একটি ইনপুট টেক্সট ফিল্ডের প্যাটার্ন অ্যাট্রিবিউট সেট বা রিটার্ন করার জন্য ব্যবহার করা হয়। এটি প্যাটার্ন বৈশিষ্ট্য দ্বারা নির্দিষ্ট একটি নিয়মিত অভিব্যক্তির বিপরীতে পাঠ্য পরীক্ষা করে৷

সিনট্যাক্স

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

প্যাটার্ন প্রপার্টি সেট করা হচ্ছে −

textObject.pattern = regexp

এখানে, regexp হল একটি রেগুলার এক্সপ্রেশন যার বিরুদ্ধে টেক্সট ফিল্ড চেক করা হয়।

উদাহরণ

আসুন আমরা টেক্সট প্যাটার্ন প্রপার্টি -

এর জন্য একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<body>
<h1>Input Text pattern property</h1>
<p>The username can either be of three numeric characters or 6 alphabet characters from a to g</p>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="USR" name="user_name" pattern="[0-9]{3}|[a-g]{6}"
title="Three numeric character or 6 alphabet between a-g">
<input type="submit">
</form>
<br>
<button onclick="textPattern()">GET PATTERN</button>
<p id="Sample"></p>
<script>
   function textPattern() {
      var P = document.getElementById("USR").pattern;
      document.getElementById("Sample").innerHTML ="The pattern attribute value is"+ P;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

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

প্যাটার্ন প্রপার্টিতে নির্দিষ্ট রেজেক্সের সাথে মেলে না এমন টেক্সট ফিল্ডে টেক্সট প্রবেশ করালে, নিম্নলিখিত সতর্কতাটি দৃশ্যমান হবে −

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

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

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


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

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

  3. HTML DOM ইনপুট পাসওয়ার্ড প্যাটার্ন বৈশিষ্ট্য

  4. HTML DOM শিরোনাম পাঠ্য সম্পত্তি