HTML <input> پرزنسیپ پرزنسیپ
تعریف اور استعمال
پٹرن پرزنسیپ یعنی، فرم کو داخل کردینے کے وقت <input> علامت کا مطلب پچھلے پرزنسیپ کے مطابق چکا جائے گا
توجہ دیئےپٹرن نوع ورڈ انٹری کا پرزنسیپ
- ٹیکسٹ
- تاریخ
- سرچ
- یورل
- تلیفون نمبر
- ای میل
- پاسورڈ
اتنی کوشش کریںاستعمال کریں عالمی 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
ایک <input> عناصر کا نمونہ ہے جس کا type 'password' ہے، یہ کم از کم 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
ایک <input> عناصر کا نمونہ ہے جس کا type 'password' ہے، یہ کم از کم 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
ایک <input> عناصر کا نمونہ ہے جس کا type 'email' ہے، یہ characters@characters.domain ترتیب میں آنا چاہئے:
علامات اور @ علامت پر مشتمل ہوتا ہے، بعد میں مزید علامات، تو ایک "." علامت آتا ہے۔ "." علامت کے بعد، کم از کم دو حروف از الفبائی الفاظ کو شامل کرسکتا ہے:
<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
ایک <input> عناصر کا نمونہ ہے جس کا type 'search' ہے، یہ علامات نہیں شامل کرسکتا: ' یا ".
<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
ایک <input> عناصر کا نمونہ ہے جس کا type 'url' ہے، یہ 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 |
نوٹ:پٹرن خصوصیت HTML5 میں نئی خصوصیت ہے。
