Full Transcript

·YouTLDR

Learn HTML In Arabic 2021 - #27 - Form Part 4 - Hidden, Reset, Color, Range, Number

7:08ArabicBy Elzero Web SchoolTranscribed Jul 14, 2026
حلّل فيديو آخر مع Proضمان استرداد الأموال لمدة 30 يومًا
0:05

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النهاردة هناخد شوية أنواع input ظريفة جدا هتفرق معاك كتير بإذن الله وهتزود يعني الأفكار اللي عندك أو الحاجة اللي أنت نفسك تعملها بإذن الله أول حاجة عندنا هو input نوعه hidden

0:22

لماذا يمكنني إضافة مفرد مفرد لماذا يمكنني إضافة مفرد الشخص لا يرى دعنا نضع له value ونتأكد الأول من بعض الأشياء سأكتب value مثلاً أسامة يا ترى هذا المفرد سيكون موجود المفرد هنا أهو لكن لا ترى

0:37

ماذا يمكنني إرسال مخفى؟ يمكنك إضافة المعرفة في البيانات وضيفها هنا في الـ value وإرسالها مع البيانات فأنت لا تحتاج إلى مشاهدته يمكن أن يكون هناك هاش أو كود تشفير لا يحتاج لك أن تشاهده هنا ليس لحماية

0:58

عادي ان انت تفتح الانسبكت وتشوفه كده بس مش عادي تشوفه هنا هتقول لي ليه هقولك يعني انا لو عملتولك كده الحكمة ان انت تشوفه قدامك بالشكل ده وانت اصلا كمان ممكن تعدل فيه وتعمل حاجات كتير فما فيش داعي ان انت تشوفه فتقدر تقول انه هيدن اينبوت بيتبعت فيه بيانات مع البيانات بتاعتك وما فيش داعي ان اليوزر يشوفه ساعتها بيستخدموا الهيدن اينبوت طيب

1:20

عظيم جدا عندنا دلوقتي نوع من أنواع الإنبوت اسمه Reset الReset بيعمل إيه يا شباب من اسمه كده بيعمل Reset للبيانات بتاعتك

1:29

سأكتب بعض البيانات ثم سأضغط على Reset و سيغلق كل ما كتبته و سأضغط على Reset و سيغلق كل ما كتبته و هذا موجود في Value فلن يغلقه كثيراً يمكن أن تحتاج أن يفضل الفورم و يبدأ بإملاها من جديد بدلاً من أن يأتي عند البيانات و يفضل و يكتب و يأتي هنا و يكتب كل هذا يعني أنه متعب قليلاً فسيغلق كل المفضل و تبدأ على إنجاح

1:57

عظيم هذا الكلام لدينا حقل يسمى Color أي لون تختار منه لون هذا الحقل من الحقول التي نادراً لو استخدمتها ولكن دعونا نأخذ عنه فكرة هذه هي Color دائماً ستجدون أنه إذا كان هناك أحد يقوم بهذه الحركة في يوم الأيام ستجدون أنها تتطبق برمجياً كل الحقول التي قمت بها في هذا الفيديو ستقوم بعملها برمجياً وسأخبرك كيفية فكرة لكي تكون عارفة وفي نفس الوقت سنأخذ فكرة عن أنواع المفهومات الخاصة بنا

2:25

سأكتب نام يساوي color لكي أرى اللون بعد إختاره. الحكل هو جزء تختار منه اللون بالشكل هذا. واللون الذي تختاره ينزل هنا كما ترون. لو ذهبت وردت هذه البيانات سيتباعد الكود لليون. يسمونه الهيكس كود. هذا هو الكود لليون. دعنا البيانات التي نضعها هنا بالبوست مختفية. سنذهب إلى الـ network.

2:50

او نحول الـ get و نذهب الى الـ color الـ hash و الـ code الـ color الـ color هل يوجد افتكاسات ؟ لا لا يوجد اي شيء دعونا نأخذ حقل من الحقول الزريفة الذي يتعامل بشكل برمجي بشكل ازرف

3:13

Range يعني مدى حاجة من حاجة لحاجة بتبدأ من مكان لمكان النوع بتاع الحقل بتاعنا اسمه Range بالشكل ده الاسم هنسميه Range عشان نشوف القيمة اللي هنبعتها لما نيجي نعمل صدمة لل4 وخلينا بالمرة نغير البوست دي الجيت عشان نشوف فوق على طول بدل ما نفتح الNetwork Tab والكلام ده

3:33

حسناً، هنا لدينا نوع رنج والاسم رنج ونرى ما هي الأتريبيوتات التي يقبلها هذا الحقل يقبل أتريبيوت اسمها من وهي Minimum رنجك سيبدأ من كم؟ دعني أقول أنه سيبدأ من 0 والمكس سيكون 100 سيصل إلى حد 100

3:50

هذا شيء عظيم جداً هذه هي مستوى الخطوة التي يمكنك تحكم فيها من خلال الـ Step Attribute

4:07

عندك من 0 الى 100 عايز نطة واحدة تكون اديها تكون 20 يعني كل خطوة هتنطها بتنط 20 يعني انا من هنا اقول له 1 2 3 4 5 يعني 20 40 60 80 100 ادي الرنج بتاعي طيب هو يا ترى بدأ منين بص بدأ منين من الحتة دي عشان انت ما حددت لهوش يبدأ منين هنيجي هنا في ال value وهقوله انا عايزك تبدأ من عند السفر هنا هيبدأ من اول خالص اهو

4:34

20 40 60 80 100 والله انا ممكن اخليه يبدأ من عند 80 ما فيش مشكلة يبقى فاضل لي خطوة ووصل على 100 اهو وقدر ارجع طبعا ورا مش محتاج اقولك انو ال range او طريقة ان انت تتحرك بالشكل ده بيستعملوها في حاجات كتير جدا الناس مثلا اللي بتيجي تحجي السيرفر من شركة بيفضل يمشي على الامكانيات رمزات 2 4 6 8 وانت بتمشي السعر بيتحدث

4:59

تتعامل أفضل من هذا بالجافا سكريب لكن يجب أن تكون لديك فكرة عن إدارة لكي تكون فاهمة بإذن الله حسناً، نأتي إلى الأخير في الدرس وهو النمبر النمبر يا شباب من اسمه عبارة عن رقم هذا هو النمبر والاسم أيضاً سأسميه نمبر ويقبل منك الميليموم والمكس وكل هذا العسل قوي ما هو الميليموم والمكس هنا وما يفعلونه يا ترى؟ أنا قلت لهم ميليموم يساوي مثلاً 10

5:32

ما معنى 10 هنا و max = 10 النمرة يقبل مني أرقام فقط لو كتبت كده بصوا أنا بحاول دلوقتي أكتب string ما بيكتبش تكتب رقم يكتب النمرة تقدر تطلع كده هوا وتنزل 20 مثلا تطلع وتنزل كل الكلام ده لو أنا مش حاطط المينيموم والمكس خلينا أوري لك هتقدر تطلع وتنزل وتزود الأرقام زي ما انت عايز مفيش مشكلة خالص خلينا نشوف هادي الرقم

6:04

و تنزل بالسالب فش مشكلة خالص نيجي هنا من مينمم 10 والمكس 100 وعايز اقول لهم اللي ستب بتساوي 10 يعني

6:15

يتحول الى 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت رقم 10 اذا كتبت ر

6:41

ونختار منه بالمرة و تعال اكتب هنا اي رقم بالشكل ده وقل له save بص هيقولك ايه value must be less than or equal to 100 يعني هو هنا عايز منك الvalue تكون كده 100 بعد الباينة تشايفين النمبر 100 والرنج 20 والcolor اهو كده تعرفنا على الانواع الانبوت اتفقنا عليها hidden reset color range number يارب يا جماعة الدرس يكون بسيط وسهل وعجبكم اشوفكم ان شاء الله في درس جديد والسلام عليكم

تابع مع YouTLDR

حلّل فيديو آخر مع Pro

عالج فيديو جديدًا، وابحث في كل توقيت، وقارن المصادر، واحفظ النتيجة في مكتبتك.

اشترك في Pro — 12 دولارًا شهريًاضمان استرداد الأموال لمدة 30 يومًا

More transcripts

Explore other videos transcribed with YouTLDR.