ایچ ٹی ایملفارم <input> نمونہ پرپرتی

HTML <input> ਟੈਗ

تعلیم اور استعمال

pattern پرپرتی کو نماٹر ایکٹنشن کے دوران اس پرچار کا معیار مقرر کرتی ہے، جو <input> عناصر کا معیار چک کرتا ہے.

توجیہ:pattern پرپرتی کا استعمال اگلے انٹری کا نوعیت کے لئے ہوتا ہے:

  • ٹیکسٹ
  • تاریخ
  • سرچ
  • یورل
  • ٹیلی فون نمبر
  • ای میل
  • پاسورڈ

پوچھ:استعمال: عالمی tilٹل پرپرتی یہ منٹنسی کو وضاحت دینے کے لئے توضیح دیجئے، تاکہ یوزر بات چیت کرسکے.

پوچھ:کریپریس، JavaScript ਸਿੱਖਿਆ نمطی اشاریوں کا بارہم کریں اور بات چیت کریں.

مثال

مثال 1

ایک انٹری فیلڈ وال ایچ ٹی ایملفارم موجود ہے، جس میں صرف تین حروف موجود ہونے چاہئیں (اعداد یا خاص اشاروں کو شامل نہیں کریں):

<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="ਘੱਟੋ-ਘੱਟ 8 ਅੱਖਰ">
  <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">Homepage:</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> ਟੈਗ