دليل HTML

كامل قائمة HTML

HTML: <input> pattern خاصية

هذا المقال يشرح كيفية استخدام خاصية pattern في input HTML، ويقدم أمثلة على استخدام خاصية pattern، توافق المتصفحات، تعريف النحو وأدق التفاصيل حول قيم الخاصية.

　HTML <input> العلامة

مثال على الإنترنت

استمارة HTML، الحقل المدخل فيها يمكن أن يحتوي فقط على ثلاثة أحرف (لا يمكن أن يحتوي على أرقام أو رموز خاصة):

مثال

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input> pattern خاصية - موقع تعليم أساسيات الويب (oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　رمز البلد/المنطقة:　<input　type="text"　name="country_code"　pattern="[A-Za-z]{3}"　title="رمز البلد/المنطقة من 3 أحرف">
　　<input　type="submit">
</form>
</html>

الاختبار لمعرفة‹/›

التوافق مع المتصفحات

IEFirefoxOperaChromeSafari

Internet Explorer 10،Firefox،Opera و Chrome دعم خاصية pattern.

ملاحظة:Safari أو إصدارات Internet Explorer 9 و الأقدم لا يدعم خاصية pattern العلامة <input>.

التعريف والاستخدام

تحدد الخاصية pattern نمط تعبير عادي، ويتم فحص قيمة العلامة <input> عند تقديم النموذج.

ملاحظة:الخاصية pattern تنطبق على أنواع input التالية: text،search،url،tel،email وpassword.

نصيحة:استخدم الخاصية title استخدام الخاصية لوصف النمط لمساعدة المستخدم

نصيحة:يمكنك تعلم المزيد حول هذا الموضوع في دروسنا الخاصة بـ JavaScript التعابير النمطية المعرفة

الفرق بين HTML 4.01 و HTML5

الخاصية pattern هي خاصية جديدة في HTML5.

النحو

<input pattern="regexp">

قيمة الخاصية

القيمة	الوصف
regexp	يحدد هذا العلامة用于验证 <input> قيمة العلامة بالتعامل مع النمط

　HTML <input> العلامة

HTML: <template> العلامة