أفضل طريقة لاستخدام سمات نماذج HTML المتقدمة؟

ستقدم لك هذه المقالة بعضًا من سمات نموذج HTML المتقدمة وستقدم أيضًا عرضًا عمليًا.

من الواضح أن أول شيء يخطر على البال بعد الاستماع لمصطلح شبكة الاتصالات العالمية. في الأساس ، هذا هو الشيء وراء كل موقع ويب تزوره اليوم. في هذه المقالة سوف نستكشف بعض سمات نماذج HTML المتقدمة.

سيتم تغطية المؤشرات التالية في هذه المقالة ،





فلنبدأ بهذا المقال ،

سمات نموذج HTML المتقدمة

لا تستطيع HTML وحدها تحقيق العدالة مع بعض أكثر التصميمات المحبوبة التي نراها اليوم. يتطلب المساعدة والتي يتم توفيرها من قبل CSS أو ورقة الأنماط المتتالية . يمكن استخدام HTML و CSS معًا لإنشاء بعض صفحات الويب الجذابة.



الانتقال إلى هذه المقالة حول سمات نموذج HTML المتقدمة

بيثون __init__

العلامات والسمات في HTML

كلاهما أساسيات HTML ويعمل كلاهما معًا ولكنهما يؤديان وظائف مختلفة.

العلامات: تُستخدم العلامات لتمييز بداية عنصر HTML ويتم إحاطة الأقواس الزاوية.



مثال:

العلامة أعلاه هي علامة العنوان في HTML.

السمات: هذه هي المعلومات الإضافية حول العلامات ويتم تحديدها داخل العلامة.



مثال:

 ”My

العلامة أعلاه هي علامة الصورة و alt هي سمة العلامة وتوفر وصفًا للصورة hello_world.jpg

نظرًا لأننا ناقشنا الأساسيات التي نحتاجها ، يمكننا الآن المضي قدمًا بدافع هذه المقالة وهو بعض علامات HTML و CSS المتقدمة.

الانتقال إلى هذه المقالة حول سمات نموذج HTML المتقدمة

سمات Max و Maxlength و Min

هذه هي سمات علامة الإدخال أي. تُستخدم علامة الإدخال بشكل أساسي داخل العلامة لقبول الأنواع المختلفة من المدخلات من المستخدم مثل النص والرقم وزر الاختيار والتواريخ وخانة الاختيار والوقت وكلمة المرور وما إلى ذلك.

ماكس

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

ملحوظة:

تم تقديم السمة القصوى مع HTML 5.

مثال:

عدد الطلاب:

GitHub Gist Link:

لا يمكن زيادة قيمة الطلاب عن 50.

الإخراج - سمات نموذج HTML المتقدمة - Edureka

ملحوظة: يحدد إجراء السمة الخاص بالعلامة المكان الذي سيتم إرسال البيانات المدخلة إليه لإجراء مزيد من العملية. في هذه الحالة ، يكون submit_detail.php وهو ملف PHP.

عدد الطلاب هو التفاصيل التي سيتم إدخالها في مربع النص.

تشير السمة max في العلامة الأولى إلى الحد الأقصى للقيمة الرقمية التي يمكن إدخالها في مربع النص ، وهي قيم لن يتم قبولها أكثر من 50 وهو الدافع الرئيسي للسمة max.

يمكن أيضًا استخدام علامة Max لتحديد الحد الأقصى للتاريخ الذي يمكن للمستخدم إدخاله في حقل الإدخال.

مثال:

أدخل تاريخ الميلاد بتنسيق YYYY-MM-DD: 
أقصى تاريخ: 2000-03-31

GitHub Gist Link:

لقد استخدمنا 31شمارس 2000 كحد أقصى للتاريخ والخيار هو التقويم مقيد حتى ذلك التاريخ فقط.

في حقل الإدخال هذا ، لن يتمكن المستخدم من إدخال التاريخ الذي يلي التاريخ المحدد في سمة max.

الانتقال إلى هذه المقالة حول سمات نموذج HTML المتقدمة

الحد الاقصى للطول

كما يوحي الاسم ، تحدد هذه السمة الحد الأقصى لطول الأحرف التي يمكن للمستخدم إدخالها في حقل الإدخال. قيم السمات هي أرقام.

مثال:

أدخل اسم المستخدم الخاص بك:

GitHub Gist Link:

يبلغ حد حقل الإدخال 15 حرفًا ، لذلك يقتصر الإدخال على 15 حرفًا فقط.

هذه السمة maxlength في العلامة ستقيد المستخدم لإعطاء إدخال لا يزيد بشكل صارم عن القيمة المحددة وهي 15.

ملحوظة القيمة الافتراضية لسمة maxlength هي 524288.

الانتقال إلى هذه المقالة حول سمات نموذج HTML المتقدمة

دقيقة

تحدد السمة min الحد الأدنى لقيمة القيمة المطلوب إدخالها في حقل الإدخال.

cloudera مسؤول معتمد لأباتشي hadoop

مثال:

أدخل العمر:

GitHub Gist Link:

تحدد السمة min في وسم الإدخال أن عمر الإدخال يجب ألا يقل عن 18.

تلميح: يمكنك استخدام كل من السمة min و max مع إدخال لتزويد الإدخال بنطاق قانوني أو نطاق مقبول.

مثال:

أدخل العمر:

GitHub Gist Link:

بهذا نصل إلى نهاية هذه المقالة حول سمات نموذج HTML المتقدمة.

الآن لا يمكن أن يكون نطاق الإدخال في الحقل أقل من 18 وكذلك أكبر من 50 في نفس الوقت.يمكن استخدام سمات max و min مع العديد من أنواع الإدخال مثل الرقم والنطاق والتاريخ والوقت والوقت والتاريخ والوقت المحلي والشهر والوقت والأسبوع.

الآن بعد أن عرفت ما هو HTML ، تحقق من ملف بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكرها في قسم التعليقات بالمقال وسنعاود الاتصال بك.