طريقة انشاء نموذج الرقم السري في صفحة الويب بلغة html
السلام عليكم ورحمة الله وبركاته
سنتعرف في هذا الدرس علي طريقة انشاء نموذج البيانات وبالاخص نموذج الرقم السري password يستخدم الرقم السري في نموذج البيانات لحفظ صفحتك او المحتوي الخاص بك من السرقة وفيما يلي شرح مفصل لكود الرقم السري في لغة html و جميع الواصفات الخاص بهذا النموذج.
كود عمل حقل الرقم السري في لغة html
لاحظ الكود الاتي
<body><label for="password"></label><input type="password" name="password" id="password" required maxlength="5"></body>
شرح الكود السابق:
- اولا: اضفنا الوسم <label> لكتابة نوع النموذج والواصفة for كتبنا بداخلها قيمة password ويمكن ايضا استخدام اي قيمة اخري وتستخدم هذه الواصفة لربط النص بالنموذج او الحقلز.
- ثانيا : اضفنا الوسم input وقمنا ايضا باضافة الواصفة type لتحديد نوع النموذج اخترنا نموذج (password) الرقم السري
- اضفنا الواصفة name وكتبنا بداخلها القيمة password ويمكن ايضا استخدام اي قيمة اخري وتستخدم لترميز النص برمجيا في شريط البحث .
- اضفنا الواصفة id وكتبنا بداخلها القيمة password وف هذه الواصفة لابد من كتابة القيمة التي بداخلها مشابهة تماما للقيمة التي بداخل الواصفة for لربط النص بالنموذج برمجيا .
- اضفنا الواصفة required وتستخدم هذه الواصفة لجعل النموذج مطلوب تعبئته (بشكل الزامي ) لتسليم البيانات
- اضفنا الواصفة maxlength وتستخدم هذه الواصفة لتحديد اعلي عدد للارقام التي يمكنك كتابتها مثلا في هذا الكود السابق يممكنا كتبة خمس ارقام فقط لا يمكنك اضافة المزيد
- انظر الي الصورة الظاهرة لرؤية الكود
 |
| الصورة الظاهرة لتوضيح الكود |
وفي نهاية هذا الدرس نرجو ان نكنون قد افدناكم حتي لو بالقليل وشكرا لكم
لاتنسي مشاهدة الدروس السابقة
تعليقات
إرسال تعليق