ویژگی pattern در تگ input در html در PNLdev

یک نمونه ساده از ویژگی pattern:

<input type="text" required pattern="[A-Za-z]{4}">

آزمایشگاه

تعریف و کاربرد

با استفاده از pattern میتوان مقادیر ثابتی را در تگ <input> ایجاد نمود که با تعیین مقدار (value) ارزش مقادیر منظم را برسی میکند.

مقادیر منظم عبارت اند از:

متن, تاریخ, آدرس وب, تلفن, ایمیل, رمزعبور, جستجو.

این ویژگی برای اطمینان از صحیح وارد کردن ایمیل است

<input type="text" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">

آزمایشگاه

کاربر باید آدرس سایتی وارد کند که با https شروع شود

<input type="url" name="website" pattern="https://.+">

آزمایشگاه