HTML <input> pattern বৈশিষ্ট্য

HTML <input> ট্যাগ

বিবরণ ও ব্যবহার

pattern বৈশিষ্ট্যটি পদ্ধতিগত বিবর্ণনা নির্দিষ্ট করে, ফর্ম জমা দেওয়ার সময় <input> ইলিমেন্টের মানকে পদ্ধতিগত বিবর্ণনার অনুযায়ী পরীক্ষা করে

মন্তব্য:pattern বৈশিষ্ট্যটি নিম্নলিখিত ইনপুট ধরনগুলোর জন্য প্রযোজ্য:

  • text
  • date
  • search
  • url
  • tel
  • email
  • password

টীকা:ব্যবহার করুন সার্বকালীন title বৈশিষ্ট্য এই মোডের বর্ণনা দিয়ে, ব্যবহারকারীদের বোঝাতে সাহায্য করুন

টীকা:আমাদের JavaScript শিক্ষাক্রম পদ্ধতিগত বিবর্ণনা সম্পর্কে আরও বেশি জানুন

উদাহরণ

উদাহরণ 1

এখানে একটি ইনপুট ফিল্ড সহ একটি HTML ফর্ম আছে, যা কেবলমাত্র তিনটি অক্ষরই ধারণ করতে পারে (সংখ্যা বা বিশেষ চিহ্ন নিয়ে থাকবে না):

<form action="/action_page.php">
  <label for="country_code">দেশ কোড:</label>
  <input type="text" id="country_code" name="country_code"
  pattern="[A-Za-z]{3}" title="তিন অক্ষরের দেশ কোড"><br><br>
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

উদাহরণ 2

একটি type এট্রিবিউট হল "password" সহ <input> ইলেকট্রনিকনটির কম্পোজিশনটির কমপক্ষে 8টি অক্ষর থাকবে:

<form action="/action_page.php">
  <label for="pwd">পাসওয়ার্ড:</label>
  <input type="password" id="pwd" name="pwd"
  pattern=".{8,}" title="আটটি অক্ষর বা বেশি">
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

উদাহরণ 3

একটি type এট্রিবিউট হল "password" সহ <input> ইলেকট্রনিকনটির কম্পোজিশনটি নিচের অনুযায়ী হবে: 8 টি অক্ষর বা বেশি, যাতে একটি সংখ্যা, একটি বড় অক্ষর এবং একটি ছোট অক্ষর থাকা উচিত:

<form action="/action_page.php">
  <label for="pwd">পাসওয়ার্ড:</label>
  <input type="password" id="pwd" name="pwd"
  pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
  title="কমপক্ষে আটটি অক্ষর, যাতে একটি সংখ্যা, একটি বড় অক্ষর এবং একটি ছোট অক্ষর থাকা উচিত">
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

উদাহরণ 4

একটি type এট্রিবিউট হল "email" সহ <input> ইলেকট্রনিকনটির কম্পোজিশনটি নিচের অনুযায়ী হবে: characters@characters.domain

অক্ষর এবং @ সংকেত থেকে নির্মিত, এরপর আরও অক্ষরগুলি থাকবে, এরপর একটি "." সংকেত। "." সংকেতের পর, কমপক্ষে দুইটি a থেকে z-র অক্ষর যোগ করুন:

<form action="/action_page.php">
  <label for="email">ইমেইল:</label>
  <input type="email" id="email" name="email"
  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

উদাহরণ 5

একটি type এট্রিবিউট হল "search" সহ <input> ইলেকট্রনিকনটি নিচের অক্ষরগুলি ধারণ করবে না: ' বা "

<form action="/action_page.php">
  <label for="search">Search:</label>
  <input type="search" id="search" name="search"
  pattern="[^'\x22]+" title="অবৈধ ইনপুট">
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

উদাহরণ 6

এটা একটি type এট্রিবিউট হল "url" সহ <input> ইলেকট্রনিকন যা http:// বা https:// দ্বারা শুরু করতে হবে, এরপর কমপক্ষে একটি অক্ষর থাকবে:

<form action="/action_page.php">
  <label for="website">হোমপেজ:</label>
  <input type="url" id="website" name="website"
  pattern="https?://.+" title="করে থাকা http://"
  <input type="submit">
</form>

স্বয়ংক্রিয় প্রয়োগ করুন

গ্রামাট

<input pattern="regexp">

অ্যাট্রিবিউট মূল্য

মূল্য বর্ণনা
regexp <input> ইউনিট মূল্য পরীক্ষা করার জন্য নিম্নলিখিত রেগুলার এক্সপ্রেসশন

ব্রাউজার সমর্থন

এই টেবিলের সংখ্যাগুলি এই অ্যাট্রিবিউটটি যে ব্রাউজারের সবচেয়ে প্রথম সম্পূর্ণরূপে সমর্থন করে, তা নির্দেশ করে

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
5.0 10.0 4.0 10.1 9.6

মন্তব্য:pattern অ্যাট্রিবিউটটি HTML5-এর একটি নতুন অ্যাট্রিবিউট

HTML <input> ট্যাগ