Açılır Menüler

HTML'de bir açılır (dropdown) menü, bir kullanıcı bir öğeye tıkladığında veya üzerine geldiğinde görünen bir öğe listesidir. Açılır menüler, bir seçenek listesini kompakt bir şekilde sunmak için yaygın olarak kullanılır. Bir açılır menü oluşturmak için, tekil öğeler için <option> etiketleriyle birlikte <select> etiketini kullanırsınız.

İşte HTML'de bir açılır menü oluşturmak için temel sözdizimi:

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

• <select>: Açılır menüyü tanımlayan etiket.

• name: Açılır menüye bir ad veren ve form gönderildiğinde seçilen değeri tanımlamak için kullanılan bir öznitelik.

• <option>: Açılır listedeki bir öğeyi tanımlayan bir etiket.

• value: Seçenekle ilişkili değeri belirten bir öznitelik. Bu değer, form gönderildiğinde sunucuya gönderilir.

• Option text: Her bir seçenek için açılır listede görünen görünür metin.

İşte üç seçenekli bir açılır menü oluşturmaya yönelik bir örnek:

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

Bu örnekte, "colors" ismine sahip bir açılır menümüz ve üç seçeneğimiz var: Red, Green ve Blue.