آموزش صفت Pattern در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Pattern در HTML با من همراه باشید.

آموزش صفت Pattern در HTML

Free-Learn

صفت Pattern در HTML

صفت pattern صفتی است که با استفاده از آن ما میتوانیم یک الگو/یک قانون مشخص رو برای مقادیر عناصر Input تعریف نماییم.

خب این یعنی چی؟! یعنی مثلا ما تعریف کنیم که کاربر فقط بتواند ۶ کاراکتر اونم فقط حروف بزرگ انگلیسی را در یک عنصر Input وارد نماید و یا موارد دیگر که در ادامه با آنها آشنا خواهید شد.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<input>

Free-Learn

مثال از صفت Pattern در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در عنصر Text

امتحان کنید

مثال شماره ۲ :‌ استفاده در عنصر Password

امتحان کنید

مثال شماره ۳ : استفاده در عنصر Email

امتحان کنید

مثال شماره ۴ : استفاده در عنصر URL

امتحان کنید

مثال شماره ۵ : نحوه استفاده از صفت Title جهت اطلاع رسانی یا ایجاد راهنما برای کاربر

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت pattern در HTML پشتیبانی میکنند یا خیر.

نام صفت Chrome Firefox Opera Safari IE
pattern ۵٫۰ ۴٫۰ ۹٫۶ خیر ۱۰٫۰

Free-Learn

نکات و توضیحات

صفت pattern یک صفت جدید/اضافه شده در HTML5 می باشد.

از این صفت میتوان در عناصر ورودی از نوع های Text, Date, Search, Url, Tel, Email, و Password استفاده نمود.

با استفاده از صفت Title نیز میتوان یک متن راهنما (کمکی کاربر) ایجاد و به نمایش درآورد.

Free-Learn