HTML select Tag

HTML select Tag – يُستخدم الوسم <select> فى إنشاء قائمة منسدلة بها خيارات.

HTML select Tag

<label for="gender">Select your Gender:</label>
<select name="gender" id="gender">
  <option value="male">Male</option>
  <option value="female">Female</option>
  <option value="other">Other</option>
</select>

توضيح المثال السابق

فى المثال السابق قُمنا بإنشاء:

1. وسم <label> للحصول على أفضل ممارسات إمكانية الوصول. تم ربطه بالوسم <select> عن طريق إضافة سمة for للوسم <label> وسمة id للوسم <select> بنفس القيمة.
2. وسم <select> لتتعين قائمة منسدلة. كما تم إضافة سمة name لتمثيل اسم نقطة البيانات المرتبطة المقدمة إلى الخادم، وسمة id لربطه بالوسم <label>.
3. أكثر من وسم <option> داخل الوسم <select> لتعريف خيارات القائمة المنسدلة. ويجب أن يحتوي كل وسم من وسوم الـ <option> على سمة value تحتوي على قيمة البيانات لإرسالها إلى الخادم عند تحديد هذا الخيار. إذا لم يتم تضمين أي سمة قيمة ، فإن القيمة تكون افتراضية على النص الموجود داخل العنصر.

السمات المحددة – Specific Attributes

السمات الخاصة للوسم <select>:

السمات العامة – Global Attributes

الوسم <select> يدعم السمات العامة، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

سمات الحدث – Event Attributes

كما يدعم الوسم <select> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.

إقرأ أيضًا – HTML <select> Tag

الوسوم المتعلقة: <legend> – <label> – <option> – <datalist> – <optgroup> – <fieldset> – <textarea> – <form>.

دعم المتصفحات

مدعوم	مدعوم	مدعوم	مدعوم	مدعوم