سمة نمط HTML
التعريف والاستخدام
تحدد السمة patternتعبيرًا عاديًا
<input>يتم التحقق من قيمة العنصر مقابله.
ملاحظة: تعمل patternالسمة مع أنواع الإدخال التالية: نص ، وتاريخ ، وبحث ، وعنوان url ، وهاتف ، وبريد إلكتروني ، وكلمة مرور.
نصيحة: استخدم titleالسمة العامة لوصف النمط لمساعدة المستخدم.
نصيحة: تعرف على المزيد حول التعبيرات العادية في برنامج JavaScript التعليمي الخاص بنا.
ينطبق على
يمكن patternاستخدام السمة على العنصر التالي:
| جزء | يصف |
|---|---|
| <إدخال> | نمط |
أمثلة
مثال الإدخال
نموذج HTML به حقل إدخال يمكن أن يحتوي على ثلاثة أحرف فقط (بدون أرقام أو أحرف خاصة):
<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>
مثال على كلمة المرور
عنصر <input> من النوع = "password" ويجب أن يحتوي على 6 أحرف أو أكثر:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
مثال على كلمة المرور
عنصر <input> من النوع = "password" الذي يجب أن يحتوي على 8 أحرف أو أكثر والتي تتكون من رقم واحد على الأقل وحرف كبير وصغير:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">
<input type="submit">
</form>
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم السمة بشكل كامل.
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |