HTML Ders-14 Select-Option Kullanımı
HTML serimizin bu dersinde select-option yapısını göreceğiz.Seiect yapısı bir liste vardır.Sağda da bir ok vardır.Oka tıklarsak bu liste açılır ve birini seçeriz.

<select name="dersler">
<option>css</option>
<option>html</option>
<option>php</option>
<option>javascript</option>
<option>jquery</option>
</select>


Temel yapısı bu şekildedir.Select ile bir seçim listesi yapacaz diyoruz ve optionla liste elemanlarını giriyoruz.Bu özelliği formlar içinde kullanıp veri alabiliyoruz.

Select yapısında her hangi birini seç demessek en baştaki elemanı seçecektir.Özellikle birinizi seçmesini istiyosak optionlardan istediğimize selected parametresi vermeliyiz.

Genel örnek :


<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
</head>
<body>

<select name="dersler">
<option>css</option>
<option>html</option>
<option>php</option>
<option selected>javascript</option>
<option>jquery</option>
</select>

</body>
</html>


Burda menümüzde javascript direk seçili olarak geleciktir.