list -نموذج إدخال وإدارة بيانات الموظفين

الجزء العلوي: إضافة موظف جديد (Add New Employee):

حقول الإدخال:

Name: لإدخال اسم الموظف.

Email: لإدخال البريد الإلكتروني.

Mobile: لإدخال رقم الهاتف.

زر "Add Employee":

زر أخضر اللون لإضافة الموظف الجديد إلى القائمة.

الجزء السفلي: قائمة الموظفين (All Employees):

جدول بيانات الموظفين:

الأعمدة:

Name: يعرض أسماء الموظفين.

Email: يعرض البريد الإلكتروني لكل موظف.

Mobile: يعرض رقم الهاتف.

Action: يحتوي على زرين:

Edit (زر أخضر): لتعديل بيانات الموظف.

Delete (زر أحمر): لحذف الموظف من القائمة.

تصميم الواجهة:

خلفية زرقاء بالكامل تعطي إحساسًا بالحيوية والبساطة.

ألوان متباينة للأزرار (أخضر للتعديل، أحمر للحذف) لتحسين وضوح الوظائف.

تنسيق الجدول: بألوان متدرجة بين الأزرق الفاتح والغامق لجعل المحتوى منظمًا وسهل القراءة.

العنوان المقترح:

"إدارة الموظفين - إضافة وتعديل الموظفين بسهولة"

باستخدام html,css, JavaScript, typscrpit