تعريف واستخدام
و pattern تحدد السمة تعبير عادي أن <input> محددا قيمة العنصر ضد.
ملاحظة: pattern السمة تعمل مع أنواع المدخلات التالية: text, date, search, url, tel, email ، و password .
نصيحة: استخدم العالمية title سمة لوصف نمط لمساعدة المستخدم.
نصيحة: تعلم المزيد عن التعابير العادية في لدينا البرنامج التعليمي جافا سكريبت.
ينطبق على
على pattern السمة يمكن استخدامها على العنصر التالي:
| العنصر | السمة |
|---|---|
| <input> | pattern |
أمثلة
Input مثال
نموذج HTML مع حقل المدخلات التي يمكن أن تحتوي على ثلاثة فقط الحروف (أي أرقام أو أحرف خاصة):
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
انها محاولة لنفسك » Password مثال
و <input> عنصر مع type="password" التي يجب أن يحتوي على 6 أحرف أو أكثر:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
انها محاولة لنفسك » Password مثال
و <input> عنصر مع type="password" التي يجب أن يحتوي على 8 أحرف أو أكثر التي هي من رقم واحد على الأقل، والأحرف الكبيرة واحدة وحرف صغير:
<form action="demo_form.asp">
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>
انها محاولة لنفسك » Browser دعم
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل السمة.
| السمة | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | غير معتمد | 9.6 |