القوائم المنسدلة (Dropdowns)

في لغة HTML، تُعد القائمة المنسدلة (dropdown) قائمة من العناصر التي تظهر عندما ينقر المستخدم على عنصر ما أو يمرر مؤشر الماوس فوقه. تُستخدم القوائم المنسدلة بشكل شائع لعرض قائمة من الخيارات بطريقة مدمجة. لإنشاء قائمة منسدلة، استخدم الوسم <select> مع وسوم <option> للعناصر الفردية.

إليك الصيغة الأساسية لإنشاء قائمة منسدلة في HTML:

<select name="dropdown">
	<option value="value1">Option 1</option>
	<option value="value2">Option 2</option>
	<option value="value3">Option 3</option>
</select>

• <select>: الوسم الذي يحدد القائمة المنسدلة.

• name: سمة تعطي القائمة المنسدلة اسماً، تُستخدم لتحديد القيمة المختارة عند إرسال النموذج.

• <option>: وسم يحدد عنصراً في القائمة المنسدلة.

• value: سمة تحدد القيمة المرتبطة بالخيار. تُرسل هذه القيمة إلى الخادم عند إرسال النموذج.

• Option text: النص المرئي الذي يظهر في القائمة المنسدلة لكل خيار.

إليك مثال على كيفية إنشاء قائمة منسدلة بثلاثة خيارات:

<select name="colors">
	<option value="red">Red</option>
	<option value="green">Green</option>
	<option value="blue">Blue</option>
</select>

في هذا المثال، لدينا قائمة منسدلة بالاسم "colors" وثلاثة خيارات: Red، و Green، و Blue.