ویژگی pattern در زبان اچ تی ام ال
در این مقاله از آموزش طراحی وب ( سایت آموزی ) جهت استفاده شما عزیزان به معرفی صفت اختصاصی pattern در html می پردازیم.
ویژگی pattern درون تگ input یک عبارت منظم را جهت بررسی صحت مواردی همچون password و date بکار می رود.
صفت اختصاصی pattern مخصوص تگ input می باشد.
معرفی ویژگی pattern در زبان اچ تی ام ال
خاصیت pattern درون تگ input یک عبارت منظم را با تعیین یک مقدار ( value ) جهت بررسی صحت عبارت منظم مشخص می کند.
عبارت منظم ( regular expression ) تعیین شده توسط خصوصیت pattern درون تگ input ، جهت بررسی صحت موارد زیر کاربرد دارد:
- متن
- تاریخ
- جستجو
- آدرس
- تلفن
- ایمیل
- رمز عبور
صفت خصوصی pattern در html مخصوص تگ input می باشد. ویژگی pattern در سند جدید HTML5 تعریف شده است و در نسخه های قبلی HTML وجود نداشته است.
نکات مهم
1- جهت توصیف عبارت منظم درون تگ input علاوه بر خاصیت pattern می توانید از صفت عمومی title استفاده نمایید.
2- در مورد عبارات منظم ( regular expressions ) می توانید به یادگیری این نحوه ساخت این عبارات در زبان برنامه نویسی جاوا اسکریپت بپردازید.
مثال در مورد استفاده از صفت خصوصی pattern در html درون تگ input
<form action=”/action_page.php”>
Country code: <input type=”text” name=”country_code”
pattern=”[A-Za-z]{3}” title=”Three letter country code”>
<input type=”submit”>
</form>
بررسی ویژگی خصوصی pattern درون سند html 4.0.1 و HTML5
ویژگی خصوصی pattern ، در نسخه HTML5 معرفی شده است و در نسخه HTML4.01 و نسخه های قبلی وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
پشتیبانی مرورگرهای اینترنتی از صفت خصوصی pattern در html
رویداد html | |||||
pattern | 5.0 | 10.0 | 4.0 | پشتیبانی نمی شود | 9.6 |
پیوندهای کاربردی و مفید
تگ های اچ تی ام ال در سایت آموزی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های اچ تی ام ال در سایت آموزی
تگ های منسوخ شده HTML در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های اچ تی ام ال در W3school
صفت خصوصی pattern در HTML بررسی الگوی عبارت منظم – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام
اگه بخوایم فقط اعداد 1 تا 4 رو قبول کنه چه کدی باید بنوسیم؟