📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: محتوى تعليمي
وسم <input> لا يحتوي على وسم إغلاق.
نوع: محتوى تعليمي
يُستخدم وسم <input> للتحكم بعناصر النموذج، والتي يمكن عرضها بطرق مختلفة اعتمادًا على نوع السمة. يستعرض الجدول التالي بعضها:
نوع: محتوى تعليمي
وسم <input> للتحكم بعناصر الإدخال للنموذج
نوع: محتوى تعليمي
نوع: محتوى تعليمي
لِنلقِ نظرة على مثال لكل نوع:
نوع: محتوى تعليمي
<body>
<form action="http://www.httpserver.eu/comments.php">
<p>
اسم المستخدم
<input type="text" name="username">
</p>
</form>
</body>
نوع: METADATA
191
نوع: METADATA
وزارة التعليم
Ministry of Education
2025 - 1447
🔍 عناصر مرئية
A visual representation of a code editor showing lines of code, with a green line highlighted. An arrow points from this snippet to a password input field.
A visual representation of a password input field displaying asterisks (******) to mask the entered text.
A browser window showing a web page with a form. It includes navigation buttons (back, forward, refresh), a URL bar displaying 'File | C:/Users/binar/Doc...', and a search/address bar with a label 'اسم المستخدم' (Username) and an input field next to it.
📄 النص الكامل للصفحة
وسم <input> لا يحتوي على وسم إغلاق.
يُستخدم وسم <input> للتحكم بعناصر النموذج، والتي يمكن عرضها بطرق مختلفة اعتمادًا على نوع السمة. يستعرض الجدول التالي بعضها:
وسم <input> للتحكم بعناصر الإدخال للنموذج
لِنلقِ نظرة على مثال لكل نوع:
<body>
<form action="http://www.httpserver.eu/comments.php">
<p>
اسم المستخدم
<input type="text" name="username">
</p>
</form>
</body>
191
وزارة التعليم
Ministry of Education
2025 - 1447
--- VISUAL CONTEXT ---
**DIAGRAM**: Untitled
Description: A visual representation of a code editor showing lines of code, with a green line highlighted. An arrow points from this snippet to a password input field.
Context: Illustrates the visual output of HTML code, specifically showing how code translates to a user interface element like a password field.
**DIAGRAM**: Untitled
Description: A visual representation of a password input field displaying asterisks (******) to mask the entered text.
Context: Shows the user interface for a password input, demonstrating the masking of characters for security.
**DIAGRAM**: Untitled
Description: A browser window showing a web page with a form. It includes navigation buttons (back, forward, refresh), a URL bar displaying 'File | C:/Users/binar/Doc...', and a search/address bar with a label 'اسم المستخدم' (Username) and an input field next to it.
Context: Provides a practical example of how HTML form elements are rendered in a web browser, showing a username input field.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 3 بطاقة لهذه الصفحة
ما هو وسم HTML المستخدم لإنشاء عناصر إدخال متنوعة في النماذج، ولا يحتوي على وسم إغلاق؟
- أ) وسم <form>
- ب) وسم <textarea>
- ج) وسم <input>
- د) وسم <button>
الإجابة الصحيحة: c
الإجابة: وسم <input>
الشرح: 1. وسم <input> هو وسم HTML خاص بعناصر الإدخال في النماذج.
2. يتم تحديد نوع عنصر الإدخال (مثل نص، كلمة مرور، زر) باستخدام السمة `type`.
3. هذا الوسم من الأوسمة الفارغة (void elements) ولا يحتاج إلى وسم إغلاق.
تلميح: يبدأ هذا الوسم بحرف 'i' ويستخدم لجمع البيانات من المستخدم.
التصنيف: تعريف | المستوى: سهل
ما هي السمة الأساسية في وسم <input> التي تحدد نوع عنصر الإدخال المعروض للمستخدم؟
- أ) السمة name
- ب) السمة id
- ج) السمة value
- د) السمة type
الإجابة الصحيحة: d
الإجابة: السمة type
الشرح: 1. وسم <input> يمكن أن ينشئ أنواعًا مختلفة من عناصر التحكم.
2. السمة `type` هي المسؤولة عن تحديد هذا النوع.
3. قيمتها تحدد الشكل والوظيفة، مثل `text` لحقل نصي، أو `password` لحقل كلمة المرور.
تلميح: هذه السمة تحدد إذا كان الحقل لنص عادي، أو كلمة مرور، أو زر اختيار، إلخ.
التصنيف: مفهوم جوهري | المستوى: متوسط
أي من أكواد HTML التالية ينشئ حقل إدخال نصي عادي (غير مخفي) لجمع اسم المستخدم؟
- أ) <input type="password" name="user">
- ب) <input name="username">
- ج) <input type="text" name="username">
- د) <textfield name="username">
الإجابة الصحيحة: c
الإجابة: <input type="text" name="username">
الشرح: 1. لإنشاء حقل إدخال نصي عادي، نستخدم وسم <input>.
2. يجب تعيين السمة `type` إلى القيمة `"text"`.
3. السمة `name` مهمة لتحديد اسم الحقل عند إرسال البيانات إلى الخادم.
4. الكود المقدم في الإجابة الصحيحة يجمع بين هذه العناصر.
تلميح: ابحث عن الكود الذي يستخدم القيمة 'text' للسمة type.
التصنيف: سؤال اختبار | المستوى: متوسط