أونا كرافيتس
<hr> (قاعدة أفقية) إلى قائمة الخيارات المحدّدة وستظهر كفواصل للمساعدة في الفصل البصري للخيارات بهدف تحسين تجربة المستخدم.
لتحقيق ذلك، أضِف عناصر <hr> إلى قائمة الخيارات كما هو موضّح في رمز HTML التالي:
<label for="major-select">Please select a major:</label> <br/>
<select name="majors" id="major-select">
<option value="">Select a major</option>
<hr>
<option value="arth">Art History</option>
<option value="finearts">Fine Arts</option>
<option value="gdes">Graphic Design</option>
<option value="lit">Literature</option>
<option value="music">Music</option>
<hr>
<option value="aeroeng">Aerospace Engineering</option>
<option value="biochemeng">Biochemical Engineering</option>
<option value="civileng">Civil Engineering</option>
<option value="compeng">Computer Engineering</option>
<option value="eleng">Electrical Engineering</option>
<option value="mecheng">Mechanical Engineering</option>
</select>
يمكن أن تُحدث التغييرات الصغيرة فرقًا بالنسبة إلى المستخدمين. للاطّلاع على مزيد من المعلومات حول مستقبل عناصر التحكم في النماذج، بما في ذلك كيفية جعلها قابلة للتقسيم بالكامل، تعرَّف على popover API وراقب عنصر selectlist المستقبلي.