السؤال العاشر - كتاب المهارات الرقمية - الصف 10 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب المهارات الرقمية - الصف 10 - الفصل 1 | المادة: المهارات الرقمية | المرحلة: الصف 10 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: السؤال العاشر

📚 معلومات الصفحة

الكتاب: كتاب المهارات الرقمية - الصف 10 - الفصل 1 | المادة: المهارات الرقمية | المرحلة: الصف 10 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

السؤال العاشر

نوع: محتوى تعليمي

اكتب أوامر HTML المناسبة للقيام بما يلي:

1

نوع: QUESTION_HOMEWORK

إضافة زر إدخال "submit" وبقيمة "إرسال".

2

نوع: QUESTION_HOMEWORK

إضافة زر "إرسال" لإرسال النموذج إلى الرابط عند الضغط عليه.

3

نوع: QUESTION_HOMEWORK

إضافة حقل إدخال يستخدم لإدخال كلمة سر، وحقل آخر للبريد الإلكتروني.

📄 النص الكامل للصفحة

--- SECTION: السؤال العاشر --- اكتب أوامر HTML المناسبة للقيام بما يلي: --- SECTION: 1 --- إضافة زر إدخال "submit" وبقيمة "إرسال". <form> ........ </form> --- SECTION: 2 --- إضافة زر "إرسال" لإرسال النموذج إلى الرابط عند الضغط عليه. <form action="http://www.myserver/comments.php"> <input type="text" name="Name"> ........ </form> --- SECTION: 3 --- إضافة حقل إدخال يستخدم لإدخال كلمة سر، وحقل آخر للبريد الإلكتروني. <form action="http://www.myserver/comments.php"> <input type="text" name="Name"> <input type=.................name="email"> <input type=.................name="Password"> </form>

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 4 بطاقة لهذه الصفحة

ما الأمر HTML الصحيح لإضافة زر إدخال من نوع 'submit' بقيمة نصية 'إرسال' داخل نموذج؟

  • أ) <button type="submit">إرسال</button>
  • ب) <input type="button" value="إرسال">
  • ج) <input type="submit" value="إرسال">
  • د) <submit value="إرسال">

الإجابة الصحيحة: c

الإجابة: <input type="submit" value="إرسال">

الشرح: 1. لإنشاء زر إرسال في HTML، نستخدم عنصر <input>. 2. نحدد نوعه باستخدام السمة type="submit". 3. نحدد النص الذي سيظهر على الزر باستخدام السمة value، مثل value="إرسال". 4. الصيغة النهائية هي: <input type="submit" value="إرسال">.

تلميح: يحدد السمة 'type' نوع عنصر الإدخال، و'value' النص المعروض عليه.

التصنيف: صيغة/خطوات | المستوى: سهل

ما السمة الأساسية في عنصر <form> التي تحدد عنوان URL الذي سيتم إرسال بيانات النموذج إليه؟

  • أ) السمة method
  • ب) السمة target
  • ج) السمة name
  • د) السمة action

الإجابة الصحيحة: d

الإجابة: السمة action

الشرح: 1. السمة action في وسم <form> هي المسؤولة عن تحديد عنوان URL (الرابط) لملف الخادم الذي سيتلقى ويعالج بيانات النموذج عند إرساله. 2. مثال: <form action="http://www.myserver/comments.php">. 3. بدون هذه السمة، لن يعرف المتصفح أين يرسل البيانات.

تلميح: هذه السمة تحدد وجهة إجراء النموذج.

التصنيف: مفهوم جوهري | المستوى: متوسط

ما القيمة الصحيحة للسمة 'type' في عنصر <input> لإنشاء حقل مخصص لإدخال كلمة المرور؟

  • أ) text
  • ب) secret
  • ج) hidden
  • د) password

الإجابة الصحيحة: d

الإجابة: password

الشرح: 1. لإخفاء الأحرف التي يدخلها المستخدم لأغراض الأمان (ككلمات المرور)، نستخدم نوع input محدد. 2. نعطي السمة type القيمة "password". 3. الصيغة تكون: <input type="password" name="اسم_الحقل">. 4. هذا يمنع ظهور النص بشكل واضح على الشاشة.

تلميح: هذا النوع يحجب الأحرف المدخلة بعرض نقاط أو نجوم.

التصنيف: تعريف | المستوى: سهل

ما القيمة الصحيحة للسمة 'type' في عنصر <input> لإنشاء حقل مخصص للتحقق من صيغة عنوان البريد الإلكتروني؟

  • أ) mail
  • ب) text
  • ج) email
  • د) e-mail

الإجابة الصحيحة: c

الإجابة: email

الشرح: 1. لتسهيل إدخال وعملية التحقق من صحة عناوين البريد الإلكتروني، يوفر HTML5 نوع input مخصص. 2. نعطي السمة type القيمة "email". 3. الصيغة تكون: <input type="email" name="اسم_الحقل">. 4. بعض المتصفحات تتحقق تلقائياً من وجود علامة @ في الإدخال، وتظهر لوحة مفاتيح مناسبة على الأجهزة المحمولة.

تلميح: هذا النوع يساعد في التحقق من تنسيق الإدخال ويتناسب مع الأجهزة المحمولة.

التصنيف: مفهوم جوهري | المستوى: متوسط