Seni Seçtim Pikachu!

    Yeniden merhabalar.. Saat sabahın yedisi ve etrafta uçuşan kumrular insana pencereden uçup gitme hissi uyandırıyor. Bir bardak kahve ile bu manzaraya dalmak çok güzelse de, hislerimin yoğunluğundan bahsetmeyip, iyisi mi konuya geçelim. Bu yazıda select, option etiketlerinin kullanımlarını ve uygulamasını yapacağız.

    Select ve option çoklu bir seçim kutusu üzerinden bir veya birden fazla seçeneğin işaretlenmesini sağlar. Birden fazla seçeneği işaretlenebilmesi, radio button etiketinden ayıran en önemli farkıdır. Formlarda sık sık karşımıza çıkan bir etikettir.
 
 
See the Pen rGNvgz by mefistof3l3s (@kubilay) on CodePen.


    Formlar aracılığıyla işaretlenen seçenekleri başka bir dosyaya gönderebilir, kullanıcıdan bilgiler alabilirsiniz. Tabi bu tür bir işlem için, HTML üzerine biraz daha yol katetmemiz gerekiyor. PHP yardımıyla böyle bir işlemi gerçekleştirebiliriz:
 
    Seçim kutusuna erişim sağlayabileceğimiz bir isim veriyoruz. Seçtiğimiz değeri bu isim ile çağıracağız.

<select name="model">

    Seçim kutumuzdaki her elemanın farklı bir değer taşıması gerekiyor.

<option value="Zenon XC-12">Zenon XC-12</option>
<option value="Zenon Sportive 600">Zenon Sportive 600</option>
<option value="Zenon Speed">Zenon Speed 300</option>
<option value="Zenon Force 320">Zenon Force 320</option>
<option value="Zenon Azimut 28">Zenon Azimut 28</option>

    Bu verileri göndermek için buton, buton adı tanımlıyoruz.

<input type="submit" name="gonder" value="Gönder" />

    Butona tıkladıktan sonra artık PHP kodlarımızı çalıştırmaya başlayacağiz.

<?php
if(isset($_POST['gonder'])){
$modeli = $_POST['model'];
echo "Zenon ürünümüzden kullandiginiz marka: " . $modeli;
}
?>  

 
    Bu şekilde select kutumuz üzerinden seçimlerimizi yapabilir ve değerlendirebiliriz.

Yorumlar

Bu blogdaki popüler yayınlar

CSS Arkaplan Resmini Boyutlandırma

Philips 6x6 Yöntemi (Kötü Çizimler ve Basit Anlatım Eşliğinde)

CSS Selector Kullanımı