تحدد سمة النوع نوع عنصر الإدخال.
ملاحظة: هذه السمة غير مطلوبة، ولكننا نعتقد أنه يجب عليك استخدامها دائمًا.
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, virtual-scale=1.0> <meta http-equiv=X-UA -محتوى متوافق=ie=edge> <title>منتقي الألوان</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click(); // يجب إضافة حدث نقرة للتشغيل وإلا فلن يمكن تشغيل تغيير اللون بالنقر فوق مستند الزر "موافق". .body.style.background = this.value; </script></html> دعونا نلقي نظرة على سمة نوع HTML 5 <input>قيمة السمة
| قيمة | يصف |
|---|---|
| زر | تحديد الأزرار القابلة للنقر (تُستخدم غالبًا مع JavaScript لتشغيل البرامج النصية) |
| خانة الاختيار | تحديد خانات الاختيار. |
| لون | تحديد منتقي الألوان. |
| تاريخ | تحديد حقول التاريخ (مع التحكم في التقويم) |
| التاريخ والوقت | تحديد حقول التاريخ (مع عناصر التحكم في التقويم والوقت) |
| التاريخ والوقت المحلي | تحديد حقول التاريخ (مع عناصر التحكم في التقويم والوقت) |
| شهر | تحديد الشهر من حقل التاريخ (مع التحكم في التقويم) |
| أسبوع | تحديد الأسبوع في حقل التاريخ (مع التحكم في التقويم) |
| وقت | تحديد الساعات والدقائق والثواني في حقل التاريخ (مع التحكم في الوقت) |
| بريد إلكتروني | تحديد حقل النص المستخدم لعناوين البريد الإلكتروني |
| ملف | تحديد حقول الإدخال وتصفح... أزرار تحميل الملفات |
| مختفي | تحديد حقول الإدخال المخفية |
| صورة | تعريف الصورة كزر إرسال |
| رقم | تعريف حقل رقمي باستخدام عنصر تحكم زيادة ونقصان |
| كلمة المرور | تحديد حقل كلمة المرور. الشخصيات في الحقل مقنعة. |
| راديو | تحديد أزرار الاختيار. |
| يتراوح | تحديد حقل رقمي باستخدام عنصر تحكم شريط التمرير. |
| إعادة ضبط | تحديد زر إعادة الضبط. سيقوم زر إعادة الضبط بإعادة تعيين جميع حقول النموذج إلى قيمها الأولية. |
| يبحث | تحديد حقل النص المستخدم للبحث. |
| يُقدِّم | تحديد زر الإرسال. يرسل زر الإرسال البيانات إلى الخادم. |
| الهاتف | تحديد حقل نصي لأرقام الهواتف. |
| نص | تقصير. حدد حقل إدخال من سطر واحد حيث يمكن للمستخدمين إدخال النص. الافتراضي هو 20 حرفا. |
| عنوان URL | يحدد حقل النص المستخدم لعنوان URL. |
ما ورد أعلاه هو مثال للكود الخاص بمنتقي ألوان سمة النوع الجديد لإدخال HTML5 الذي قدمه المحرر، وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك وقت. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!