التمهيد هي واحدة من الأطر الأكثر شعبية وظيفية لتطوير تطبيقات الويب. يحتوي على العديد من العناصر الجاهزة ، بما في ذلك نماذج التسجيل. ستناقش هذه المقالة بالتفصيل نموذج تسجيل التمهيد مع وظيفة" تذكرني " ، بالإضافة إلى أمثلة على استخدامه.
نموذج التسجيل عبارة عن مجموعة من الحقول التي يجب على المستخدم ملؤها لإنشاء حساب. يتكون من عناصر مختلفة ، مثل حقل لإدخال الاسم الأول واسم العائلة وعنوان البريد الإلكتروني وكلمة المرور وزر "تسجيل". ومع ذلك ، يمكن تمديد وظيفة نموذج تسجيل التمهيد مع عناصر وإعدادات إضافية.
واحدة من هذه الميزات الإضافية هي "تذكرني". يسمح للمستخدم بالبقاء مسجلا للدخول إلى الموقع حتى بعد إغلاق المتصفح أو إعادة تحميل الصفحة. في المرة التالية التي تزور فيها الموقع ، سيتم تسجيل دخول المستخدم تلقائيا دون الحاجة إلى إعادة إدخال البيانات.
- تذكرني
التسجيل
| يستخدم الرمز أعلاه فئات التمهيد لنمط عناصر النموذج. يتم تطبيق فئة "مجموعة النموذج" على كل عنصر من عناصر النموذج وتجميعها معا. تحدد فئة "التحكم في النموذج" نمطا قياسيا لإدخال البيانات. ويتم تطبيق فئة" مربع الاختيار "على حقل" تذكرني " لإنشاء مربع اختيار سيتم عرضه بجوار النص. | نموذج تسجيل التمهيد | الوصف والميزات | |
| أمثلة الاستخدام | وظيفة "تذكرني" | إعداد النموذج | |
| أمن البيانات وحمايتها | سؤال وجواب | كيف يمكنني استخدام استمارة التسجيل التمهيد مع ميزة" تذكرني"? | |
| كيف يمكنني إضافة ميزة "تذكرني" إلى نموذج التسجيل التمهيد? | كيف يمكنني تغيير مظهر من استمارة التسجيل التمهيد? | هل من الممكن استخدام استمارة التسجيل التمهيد مع ميزة" تذكرني " على الأجهزة النقالة? | |
| نموذج تسجيل التمهيد | يوفر التمهيد وسيلة مريحة ومرنة لإنشاء نماذج التسجيل باستخدام الأساليب والمكونات الجاهزة. | مثال على نموذج التسجيل: | |
| الميدان | الوصف | النوع | |
| مثال | الاسم | حقل إدخال اسم المستخدم | حقل النص |
البريد الإلكتروني
حقل إدخال عنوان البريد الإلكتروني
حقل النص
كلمة المرور
حقل إدخال كلمة المرور
حقل النص مع النص المخفي
تأكيد كلمة المرور
- حقل إعادة إدخال كلمة المرور
- حقل النص مع النص المخفي
- تذكرني
- مربع اختيار لاختيار تخزين بيانات تسجيل الدخول
- العلم
التسجيل
زر لإرسال بيانات النموذج | |
زر | |
التسجيل | |
مثال على نموذج نموذج التسجيل: |
تذكرني
التسجيل
هذا المثال يسمح لك لإنشاء نموذج تسجيل بسيطة ولكنها فعالة باستخدام التمهيد.
الوصف والميزات
التمهيد هو إطار شعبية لتطوير تطبيقات الويب والمواقع. يوفر مجموعة من الأدوات والمكونات والأنماط التي تساعدك على إنشاء واجهات حديثة وسريعة الاستجابة.
كجزء من التمهيد ، يمكنك بسهولة إنشاء نموذج تسجيل مع وظيفة" تذكرني". تتيح لك هذه الميزة حفظ بيانات المستخدم على جهازه وتعبئته تلقائيا في الزيارات التالية للموقع.
تشمل فوائد استخدام نموذج تسجيل التمهيد مع ميزة" تذكرني " ما يلي:
سهولة التطوير: يوفر التمهيد مكونات جاهزة وفئات النمط التي تبسط إلى حد كبير إنشاء نموذج التسجيل. لا حاجة لإضاعة الوقت في كتابة كس من الصفر.
القدرة على التكيف: يتكيف نموذج تسجيل التمهيد تلقائيا مع الأجهزة والشاشات المختلفة. سيبدو جيدا على كل من كمبيوتر سطح المكتب والهاتف المحمول أو الجهاز اللوحي.
عبر متصفح التوافق: التمهيد استمارة التسجيل يعمل بشكل جيد في جميع المتصفحات الحديثة ، بما في ذلك كروم ، فايرفوكس ، سفاري ، حافة وأوبرا. يتيح لك ذلك تحقيق مظهر موحد على منصات ومتصفحات مختلفة.
أدوات التحقق من البيانات الجاهزة: يوفر التمهيد المدمج في أدوات التحقق من البيانات ، بما في ذلك التحقق من صحة الحقل والتحقق من صحة عنوان البريد الإلكتروني وكلمة المرور.
خيار التخصيص: التمهيد استمارة التسجيل مع وظيفة" تذكرني " يمكن تخصيصها بسهولة لاحتياجات المشروع. باستخدام الفئات والمعدلات وجافا سكريبت ، يمكنك تغيير مظهر وسلوك النموذج وفقا لتقديرك.
يمكن رؤية مثال على استخدام نموذج تسجيل التمهيد مع وظيفة "تذكرني" أدناه:
البريد الإلكتروني:
كلمة المرور:
تذكرني
التسجيل
أعلاه هو نموذج تسجيل بسيط يتكون من حقول لإدخال البريد الإلكتروني وكلمة المرور ، مربع اختيار "تذكرني" وزر "تسجيل". عند تنشيط مربع الاختيار ، سيتم حفظ بيانات المستخدم على الجهاز وتعبئتها تلقائيا في الزيارات اللاحقة للموقع.
أمثلة الاستخدام
فيما يلي بعض الأمثلة على استخدام نموذج تسجيل التمهيد مع وظيفة "تذكرني".
مثال 1: حقل لإدخال اسم مستخدم وكلمة مرور وخانة اختيار" تذكرني "وزر" تسجيل الدخول".
تسجيل الدخول
كلمة المرور
تذكرني
أدخل
المثال 2: نموذج تسجيل يحتوي على حقول لإدخال اسم وعنوان بريد إلكتروني وكلمة مرور وخانة اختيار "تذكرني" وزر "تسجيل".
الاسم
عنوان البريد الإلكتروني
كلمة المرور
تذكرني
التسجيل
المثال 3: نموذج إدخال يحتوي على حقل عنوان بريد إلكتروني وحقل كلمة مرور وخانة اختيار "تذكرني" وزر "تسجيل الدخول".
عنوان البريد الإلكتروني
- تذكرني
- المثال 4: نموذج إعادة تعيين كلمة المرور مع حقل عنوان البريد الإلكتروني وزر" إرسال رابط إعادة تعيين كلمة المرور".
- إرسال رابط لإعادة تعيين كلمة المرور الخاصة بك
- ميزة" تذكرني " هي واحدة من السمات الرئيسية التي تقدمها استمارة التسجيل التمهيد. يسمح لك بحفظ بيانات المستخدم لفترة طويلة حتى لا تضطر إلى إعادة إدخالها في زيارات الموقع التالية. هذا مناسب للمستخدمين ، لأنه لا يتطلب إعادة المصادقة ويوفر الوقت.
- لتمكين وظيفة" تذكرني "في نموذج التسجيل ، تحتاج إلى إضافة مربع الاختيار المناسب أمام زر" تسجيل الدخول". على سبيل المثال:
اسم المستخدم:
- كلمة المرور:
تذكرني
أدخل
في هذا المثال ، يتم استخدام فئات التمهيد لنمط عناصر النموذج. تحدد فئتا" مجموعة النموذج "و" التحكم في النموذج " الأنماط القياسية لحقل الإدخال وحاويته. يتم تطبيق فئتي" التحقق من النموذج "و" التحقق من النموذج-الإدخال " على مربع الاختيار لتصميمه.
بعد إرسال النموذج إلى الخادم ، عند التفويض الناجح وتفعيل وظيفة" تذكرني " ، يحفظ متصفح الويب ملفات تعريف الارتباط أو البيانات المحلية التي تحتوي على معلومات حول المستخدم. في المرة التالية التي تفتح فيها الموقع ، يقوم النظام تلقائيا بتطبيق هذه البيانات لتخويل المستخدم.
بمساعدة وظيفة" تذكرني " ، يمكنك ضمان سهولة استخدام الموقع وزيادة وظائفه. سيتمكن المستخدمون من تسجيل الدخول بسرعة إلى الموقع دون إعادة إدخال بيانات اعتمادهم ، مما يمنحهم راحة إضافية عند العمل مع المورد.
إعداد النموذج
عند العمل مع نموذج تسجيل التمهيد ، يمكنك تكوين معلمات مختلفة لتكييفها مع احتياجاتك.
فيما يلي بعض الإعدادات الأكثر استخداما: