HTML DOM Input Search pattern প্রোপার্টি

HTML DOM Input Search pattern প্রোপার্টি

HTML DOM Input Search pattern প্রোপার্টি ইনপুট সার্চ ফিল্ডের pattern অ্যাট্রিবিউট সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি সার্চ ফিল্ডের টেক্সটকে pattern প্রোপার্টি দ্বারা নির্দিষ্ট একটি রেগুলার এক্সপ্রেশন کے সাথে চেক করে।

সিনট্যাক্স

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

searchObject.pattern = regexp

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

উদাহরণ

Input Search pattern প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input Search pattern property</h1> 
<p>সার্চ ফিল্ডের টাইম তিন অঙ্কের সংখ্যা বা a থেকে g পর্যন্ত ৬ অক্ষরের অ্যালফাবেট হতে পারে</p> 
<form action="/Sample_page.php"> 
FRUITS: <input type="search" id="SEARCH1" name="fruits" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g"> 
<input type="submit"> 
</form> 
<br> 
<button onclick="passPattern()">GET PATTERN</button> 
<p id="Sample"></p> 
<script> 
    function passPattern() { 
        var P = document.getElementById("SEARCH1").pattern; 
        document.getElementById("Sample").innerHTML ="The pattern attribute value is" + P; 
    } 
</script> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

সার্চ ফিল্ডে regex-এ মিল খায় না এমন টেক্সট লিখলে:

"GET PATTERN" বাটনে ক্লিক করলে: