التعليق: أعتقد أن الجميع يعرف تحسين HTML5. ما أريد تقديمه أدناه هما نوعان جديدان عناصر الإدخال ، البريد الإلكتروني وعنوان URL. دعونا نتبع الرمز لرؤية فوائدها. يمكن للأصدقاء المهتمين الرجوع إليها.
في منشور المدونة السابق ، ناقشنا بعض التحسينات HTML5 ، مثل العنصر النائب ، الجذاب المسبق و WebStorage. ما أريد تقديمه أدناه هما نوعان عناصر الإدخال الجديدان: البريد الإلكتروني وعنوان URL. دعونا نتبع الرمز لرؤية فوائدها:تنسيق بناء الجملة:
ستستخدم خاصية نوع الإدخال الجديدة البريد الإلكتروني أو عنوان URL بدلاً من النص:
<!-البريد الإلكتروني ، غير@ + الرموز ، يمكنك أيضًا استخدام أدوات أخرى ،
على سبيل المثال [A-ZA-Z0-9] {3،30}@[A-ZA-Z0-9]+/W*/. (com | cn | org | net)->
<type type = "email" pattern = "[^@]*@[^@]*" value = "">
<!-url->
<type type = "url" value = "">
باستخدام مجال الأنماط الفريد من HTML5 ، يمكنك توفير تعبير منتظم للتحقق من تنسيق عناوين البريد الإلكتروني وعناوين URL ، والتي سنناقشها في مقال آخر.
ميزة
- يمكن تخصيص نمط CSS الخاص ، إدخال [type = البريد الإلكتروني]
- يمكن تخصيص نمط CSS الخاص ، إدخال [type = url]
- يمكن تقديم المزيد من التعاريف الدلالية
- القدرة على تكييف تطبيق الهاتف المحمول: سيظهر متصفح الهاتف المحمول لوحات مفاتيح خاصة للبريد الإلكتروني وعنوان URL دون تبديل دليل المستخدم.
في البداية ، شعرت بالاشمئزاز من إضافة أنواع المدخلات غير الضرورية ، ولكن بعد التفكير بعمق ، أعتقد أنها خطوة جيدة لتحسين تجربة المستخدم. ماذا تعتقد؟