HTMLverse | النماذج والجداول

٨. اختبار جداول ونماذج اتش.تي.إم.إل

اختبار

١. ما هو دور سمة الإجراء `action` داخل وسم فتح النموذج `form` ؟

يُستخدم لتحديد عنوان URL الذي تُرسل إليه بيانات النموذج.

٢. أي من السمات التالية تُستخدم لتحديد طريقة HTTP التي سيتم استخدامها عند إرسال بيانات النموذج form ؟

`method`

٣. أيٌّ مما يلي يُعدُّ طريقةً شائعةً تُستخدم عند التعامل مع النماذج forms ؟

`GET`

٤. ما هي وظيفة السمة `colspan` ؟

يُحدد عدد الأعمدة التي يجب أن تشغلها خلية الجدول.

٥. ما هو دور السمة `placeholder` ؟

يُستخدم لتقديم تلميح لحقل الإدخال.

٦. ما هو الغرض من العنصر `thead` ؟

يُستخدم هذا العنصر لتجميع محتوى الترويسة في جدول "اتش.تي.ام.ال".

٧. أي مما يلي يُعد مثالاً على الربط الصريح في النماذج explicit form association بين التسميات ومدخلات البيانات ؟


<label connect="age">: العمر</label>
<input type="number" id="age" name="age">


<label explicit="age">: العمر</label>
<input type="number" id="age" name="age">


<label associate="age">: العمر</label>
<input type="number" id="age" name="age">


<label for="age">: العمر</label>
<input type="number" id="age" name="age">


<label for="age">: العمر</label>
<input type="number" id="age" name="age">

٨. فيمَ تُستخدم أداة التحقق HTML validator ؟

أداة التحقق هي أداة تتحقق من صياغة كود HTML لضمان صحته.

٨. ما هو العنصر المستخدم لتعريف خلية في جدول ؟

`td`

١٠. أي مما يلي يُعد أداة تتيح لك فحص وتعديل بنية "اتش.تي.ام.ال" HTML structure الخاصة بصفحة ويب؟ ؟

DOM inspector.

١١. أي مما يلي يمثل الطريقة الصحيحة لتجميع حقول الإدخال المترابطة group related input fields ؟


<form>
 <span>
  <p>معلومات المستخدم</p>

  <label for="name">: الاسم</label>
  <input type="text" id="name" />

  <label for="email">البريد إلكتروني :</label>
  <input type="email" id="email" />
 </span>
</form>


<form>
 <fieldset>
  <title>معلومات المستخدم</title>

  <label for="name">: الاسم</label>
  <input type="text" id="name" />

  <label for="email">البريد إلكتروني :</label>
  <input type="email" id="email" />
 </fieldset>
</form>


<form>
 <fieldset>
  <legend>معلومات المستخدم</legend>

  <label for="name">: الاسم</label>
  <input type="text" id="name" />

  <label for="email">البريد إلكتروني :</label>
  <input type="email" id="email" />
 </fieldset>
</form>


<form>
 <fieldset>
  <caption>معلومات المستخدم</caption>

  <label for="name">: الاسم</label>
  <input type="text" id="name" />

  <label for="email">البريد إلكتروني :</label>
  <input type="email" id="email" />
 </fieldset>
</form>


<form>
 <fieldset>
  <legend>معلومات المستخدم</legend>

  <label for="name">: الاسم</label>
  <input type="text" id="name" />

  <label for="email">البريد إلكتروني :</label>
  <input type="email" id="email" />
 </fieldset>
</form>

١٢. أي مما يلي يُستخدم لتحديد أن حقل الإدخال للقراءة فقط ؟

`readonly`

١٣. ما هي السمة التي تحدد وجوب تعبئة حقل الإدخال قبل إرسال النموذج ؟

`required`

١٤. فيمَ تُستخدم أدوات المطور Devtools ؟

هذه الأدوات مدمجة مباشرةً في المتصفح وتُستخدم لمساعدتك في تصحيح الأخطاء، وقياس الأداء، وتحليل صفحات الويب.

١٥. أي مما يلي يمثل الطريقة الصحيحة لتعطيل عنصر الإدخال ؟


<input type="checkbox" disabling />


<input type="checkbox" disabledInput />


<input type="checkbox" inputDisabled />


<input type="checkbox" disabled />


<input type="checkbox" disabled />

١٦. أي مما يلي يُعد قيمة صالحة للسمة `type` ؟


<input type="action" />


<input type="time" />


<input type="capture" />


<input type="email" />


<input type="email" />

١٧. أي مما يلي يمثل الاستخدام الصحيح للسمة `size` ؟


<input id="fullName" type="text" size=".001" />


<input id="fullName" type="text" size="10vh" />


<input id="fullName" type="text" size="10" />


<input id="fullName" type="text" size="large" />


<input id="fullName" type="text" size="10" />

١٨. أيٌّ من الخصائص التالية تُستخدم لتحديد الحد الأدنى والحد الأقصى لعدد الأحرف المطلوبة في حقل الإدخال ؟

`minlength` و `maxlength`

١٩. أي من أمثلة الأزرار button التالية لا يستخدم قيمة صحيحة للسمة `type` ؟


<button type="button">زر نموذجي</button>


<button type="submit">ارسال</button>


<button type="reset">إعادة تعيين</button>


<button type="btn">زر تجريبي</button>


<button type="btn">زر تجريبي</button>

٢٠. أي من السمات التالية تُستخدم لتحديد قيمة الزر button ؟

`value`

→ السابق التالي ←

٨. اختبار جداول ونماذج اتش.تي.إم.إل

١. ما هو دور سمة الإجراء action داخل وسم فتح النموذج form ؟

يُستخدم لتحديد عنوان URL الذي تُرسل إليه بيانات النموذج.

٢. أي من السمات التالية تُستخدم لتحديد طريقة HTTP التي سيتم استخدامها عند إرسال بيانات النموذج form ؟

method

٣. أيٌّ مما يلي يُعدُّ طريقةً شائعةً تُستخدم عند التعامل مع النماذج forms ؟

GET

٤. ما هي وظيفة السمة colspan ؟

يُحدد عدد الأعمدة التي يجب أن تشغلها خلية الجدول.

٥. ما هو دور السمة placeholder ؟

يُستخدم لتقديم تلميح لحقل الإدخال.

٦. ما هو الغرض من العنصر thead ؟

يُستخدم هذا العنصر لتجميع محتوى الترويسة في جدول "اتش.تي.ام.ال".

٧. أي مما يلي يُعد مثالاً على الربط الصريح في النماذج explicit form association بين التسميات ومدخلات البيانات ؟

<label for="age">: العمر</label> <input type="number" id="age" name="age">

٨. فيمَ تُستخدم أداة التحقق HTML validator ؟

أداة التحقق هي أداة تتحقق من صياغة كود HTML لضمان صحته.

٨. ما هو العنصر المستخدم لتعريف خلية في جدول ؟

td

١٠. أي مما يلي يُعد أداة تتيح لك فحص وتعديل بنية "اتش.تي.ام.ال" HTML structure الخاصة بصفحة ويب؟ ؟

DOM inspector.

١١. أي مما يلي يمثل الطريقة الصحيحة لتجميع حقول الإدخال المترابطة group related input fields ؟

<form> <fieldset> <legend>معلومات المستخدم</legend> <label for="name">: الاسم</label> <input type="text" id="name" /> <label for="email">البريد إلكتروني :</label> <input type="email" id="email" /> </fieldset> </form>

١٢. أي مما يلي يُستخدم لتحديد أن حقل الإدخال للقراءة فقط ؟

readonly

١٣. ما هي السمة التي تحدد وجوب تعبئة حقل الإدخال قبل إرسال النموذج ؟

required

١٤. فيمَ تُستخدم أدوات المطور Devtools ؟

هذه الأدوات مدمجة مباشرةً في المتصفح وتُستخدم لمساعدتك في تصحيح الأخطاء، وقياس الأداء، وتحليل صفحات الويب.

١٥. أي مما يلي يمثل الطريقة الصحيحة لتعطيل عنصر الإدخال ؟

<input type="checkbox" disabled />

١٦. أي مما يلي يُعد قيمة صالحة للسمة type ؟

<input type="email" />

١٧. أي مما يلي يمثل الاستخدام الصحيح للسمة size ؟

<input id="fullName" type="text" size="10" />

١٨. أيٌّ من الخصائص التالية تُستخدم لتحديد الحد الأدنى والحد الأقصى لعدد الأحرف المطلوبة في حقل الإدخال ؟

minlength و maxlength

١٩. أي من أمثلة الأزرار button التالية لا يستخدم قيمة صحيحة للسمة type ؟

<button type="btn">زر تجريبي</button>

٢٠. أي من السمات التالية تُستخدم لتحديد قيمة الزر button ؟

value

١. ما هو دور سمة الإجراء `action` داخل وسم فتح النموذج `form` ؟

`method`

`GET`

٤. ما هي وظيفة السمة `colspan` ؟

٥. ما هو دور السمة `placeholder` ؟

٦. ما هو الغرض من العنصر `thead` ؟

`<label for="age">: العمر</label> <input type="number" id="age" name="age">`

`td`

`<form> <fieldset> <legend>معلومات المستخدم</legend> <label for="name">: الاسم</label> <input type="text" id="name" /> <label for="email">البريد إلكتروني :</label> <input type="email" id="email" /> </fieldset> </form>`

`readonly`

`required`

`<input type="checkbox" disabled />`

١٦. أي مما يلي يُعد قيمة صالحة للسمة `type` ؟

`<input type="email" />`

١٧. أي مما يلي يمثل الاستخدام الصحيح للسمة `size` ؟

`<input id="fullName" type="text" size="10" />`

`minlength` و `maxlength`

١٩. أي من أمثلة الأزرار button التالية لا يستخدم قيمة صحيحة للسمة `type` ؟

`<button type="btn">زر تجريبي</button>`

`value`