Açılır Menüler

HTML'de açılır menü, bir kullanıcının bir öğeye tıkladığında veya öğenin üzerine geldiğinde görünen öğeler listesidir. Açılır menüler, seçenekler listesini kompakt bir şekilde sunmak için yaygın olarak kullanılır. Bir açılır menü oluşturmak için <select> etiketini, tek tek öğeler için <option> etiketleriyle birlikte 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" adında ve üç seçeneği olan bir açılır menümüz var: Red, Green ve Blue.