- Konu sahibi
- #1
HTML formunda açılır liste oluşturmak için formun içine
İlk seçenek, boş değeri ve
Bu kontrol, seçimin form verisine eklendiğini gösterir; bir veritabanına kaydedildiğini göstermez. Gerçek uygulamada formun
<select> ekleyin ve seçenekleri <option> etiketleriyle tanımlayın. Listeye bir name verildiğinde seçilen seçeneğin değeri form verisine eklenir; bu veriyi kaydetmek veya işlemek için ayrıca bir sunucu uygulaması gerekir.Listeyi forma ekleyin
Aşağıdaki örneğiform.html adıyla kaydedip tarayıcıda açabilirsiniz. Var olan bir sayfada kullanacaksanız form bölümünü sayfanızın gövdesine ekleyin; mevcut bir formunuz varsa ikinci bir form oluşturmak yerine etiket, liste ve düğmeyi o formun içine yerleştirin.
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Şehir seçimi</title>
</head>
<body>
<form method="get">
<label for="sehir">Şehir seçin:</label>
<select id="sehir" name="sehir" required>
<option value="" selected>Bir şehir seçin</option>
<option value="istanbul">İstanbul</option>
<option value="ankara">Ankara</option>
<option value="izmir">İzmir</option>
</select>
<button type="submit">Gönder</button>
</form>
</body>
</html>label içindeki for değeri, listenin id değeriyle eşleşir. Böylece etiket listeyle ilişkilendirilir. name="sehir" gönderilecek alanın adını, her seçeneğin value değeri ise gönderilecek içeriği belirler. Örneğin kullanıcı İstanbul'u görüp seçtiğinde gönderilen değer istanbul olur.İlk seçenek, boş değeri ve
selected niteliği sayesinde başlangıçta görünen yönlendirmedir. Liste required olduğu için kullanıcı bu seçeneği değiştirmeden göndermeye çalışırsa tarayıcı formun gönderilmesini engeller. Başlangıçta belirli bir şehir seçili olsun isterseniz selected niteliğini ilgili şehir seçeneğine taşıyabilirsiniz.Gönderimi kontrol edin
Dosyayı tarayıcıda açın, listeden Ankara'yı seçin ve Gönder düğmesine basın. Örnektemethod="get" kullanıldığı ve ayrı bir adres belirtilmediği için form aynı adrese gönderilir; adres çubuğundaki sorgu bölümünde sehir=ankara görmeniz beklenir. Boş seçenekle gönderim engelleniyorsa zorunlu seçim kontrolü çalışıyordur.Bu kontrol, seçimin form verisine eklendiğini gösterir; bir veritabanına kaydedildiğini göstermez. Gerçek uygulamada formun
action niteliğine veriyi karşılayan sunucu adresini yazın ve sunucu tarafında sehir alanını okuyup izin verilen değerlerden biri olduğunu doğrulayın. Liste görünmesine rağmen alan gönderilmiyorsa name niteliğini, listenin doğru formun içinde olduğunu ve alanın devre dışı bırakılmadığını kontrol edin.Sık sorulan sorular
Moderatör tarafında düzenlendi:
