مثال
نموذج 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>
انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و pattern تحدد السمة تعبير عادي أن <input> محددا قيمة العنصر ضد.
ملاحظة: pattern السمة تعمل مع أنواع المدخلات التالية: text, date, search, url, tel, email ، و password .
نصيحة: استخدم العالمية title سمة لوصف نمط لمساعدة المستخدم.
نصيحة: تعلم المزيد عن التعابير العادية في لدينا البرنامج التعليمي جافا سكريبت.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل السمة.
| السمة | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | غير معتمد | 9.6 |
الخلافات بين HTML 4.01 و HTML5
على pattern السمة الجديدة في HTML5.
بناء الجملة
<input pattern="regexp">
السمة القيم
| القيمة | وصف |
|---|---|
| regexp | يحدد تعبير عادي أن <input> محددا قيمة العنصر ضد |
المزيد من الأمثلة
مثال
و <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>
انها محاولة لنفسك » مثال
و <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>
انها محاولة لنفسك » مثال
و <input> عنصر مع type="email" التي يجب أن تكون بالترتيب التالي: الأحرف @ حرفا. المجال (أحرف متبوعا @، تليها المزيد من الشخصيات، وبعد ذلك "."
بعد "." التوقيع، يمكنك فقط إرسال 2-3 رسائل من الألف إلى الياء:
<form action="demo_form.asp">
E-mail: <input type="email"
name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>
انها محاولة لنفسك » مثال
و <input> عنصر مع type="search" التي لا تحتوي على الأحرف التالية: ' أو "
<form action="demo_form.asp">
Search: <input
type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
انها محاولة لنفسك » مثال
و <input> عنصر مع type="url" التي يجب أن يبدأ مع http:// أو https:// يليها حرف واحد على الأقل:
<form action="demo_form.asp">
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include
http://">
<input type="submit">
</form>
انها محاولة لنفسك »