تاريخ آخر تحديث
25/04/2024
تماشيًا مع الدعم المتواصل لـ HTML5 في Dreamweaver، تم تقديم سمات جديدة لعناصر النماذج. بالإضافة إلى ذلك، تم تقديم 4 عناصر نماذج جديدة لـ HTML5.
يمكنك العثور على عناصر النماذج في اللوحة Insert. حدد Window > Insert. في قائمة اللوحة Insert، حدد Forms.
سمات جديدة مشتركة في عناصر النماذج
السمات التالية الجديدة مشتركة في كل عناصر النماذج:
- Disabled: حدد هذا الخيار إذا كنت تريد تعطيل هذا العنصر في المستعرض
- Required: حدد هذا الخيار إذا كنت تريد من المستعرض التحقق من تحديد قيمة
- Auto complete: حدد هذا الخيار لتعبئة القيم تلقائيًا عند إدخال المستخدم لمعلومات في المستعرض.
- Auto focus: حدد هذا الخيار عند الرغبة في أن يكون التركيز على هذا العنصر عند تحميل الصفحة في المستعرض.
- Read only: حدد هذا الخيار لتعيين قيمة العنصر إلى القراءة فقط.
- Form: لتحديد نموذج أو أكثر ينتمي إليه العنصر<input>.
- Name: الاسم الفريد المستخدم في الإشارة إلى العنصر في التعليمات البرمجية.
- Place holder: تلميح يصف القيمة المتوقعة لحقل إدخال
- Pattern: تعبير معتاد يتم التحقق من قيمة العنصر استنادًا إليه.
- Title: معلومات إضافية عن عنصر. معروضة كتلميح.
- Tab Index: تحديد وضع العنصر الحالي في ترتيب علامة التبويب للمستند الحالي.
عناصر النماذج ذات السمات المعدلة
- Form No Validate: حدد هذا الخيار لتعطيل التحقق من النموذج. يتجاوز هذا التحديد سمة No Validate على مستوى النموذج.
- Form Enc Type: نوع MIME الذي ينبغي على عامل المستخدم ربط هذا العنصر به لإرسال النموذج.
- Form Target: اسم سياق مستعرض أو كلمة أساسية تمثل هدف التحكم.
- Accept charset: لتحديد ترميزات الحروف المستخدمة لإرسال النموذج.
ملاحظة
تحتوي ارتباطات السمات على معلومات حول جميع السمات المسرودة في مواصفات HTML5. ليست كل هذه السمات موجودة في اللوحة Properties. يمكنك استخدام طريقة عرض التعليمات البرمجية لإضافة سمات غير موجودة في اللوحة.
عناصر نماذج HTML5
| عنصر النموذج | متوفر في | الوصف | وصف السمات |
| Color | 12.2 | بالنسبة إلى حقول الإدخال التي ينبغي أن تتضمن لونًا. | http://www.w3.org/TR/html-markup/input.color.html |
| Date | 12.2 | عنصر تحكم يساعد المستخدم في تحديد تاريخ. | http://www.w3.org/TR/html-markup/input.date.html |
| Date Time | 12.2 | يتيح للمستخدم تحديد تاريخ ووقت (مع المنطقة الزمنية). | http://www.w3.org/TR/html-markup/input.datetime.html |
| Date Time Local | 12.2 | يتيح للمستخدم تحديد تاريخ ووقت (بلا منطقة زمنية). | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Month | 12.2 | يتيح للمستخدم تحدد شهر وعام | http://www.w3.org/TR/html-markup/input.month.html |
| Number | 12.2 | للحقول التي ينبغي أن تتضمن أرقامًا فقط. | http://www.w3.org/TR/html-markup/input.number.html |
| Range | 12.2 | للحقول التي ينبغي أن تتضمن قيمًا من نطاق من الأرقام. | http://www.w3.org/TR/html-markup/input.range.html |
| Time | 12.2 | يتيح للمستخدم تحديد وقت. | http://www.w3.org/TR/html-markup/input.time.html |
| Week | 12.2 | يتيح للمستخدم تحدد أسبوع وعام. | http://www.w3.org/TR/html-markup/input.week.html |
| بريد إلكتروني | 12.1 | عنصر تحكم لتحرير قائمة عناوين بريد إلكتروني في قيمة العنصر. | http://www.w3.org/TR/html-markup/input.email.html |
| بحث | 12.1 | عنصر تحكم تحرير نص بسيط من سطر واحد لإدخال عنصر بحث واحد أو أكثر. | http://www.w3.org/TR/html-markup/input.search.html |
| هاتف (Tel) | 12.1 | عنصر تحكم تحرير نص بسيط من سطر واحد لإدخال رقم هاتف. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | عنصر تحكم لتحرير عنوان URL مطلق في قيمة العنصر. | http://www.w3.org/TR/html-markup/input.url.html |
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
