30-01-2021, Saat: 17:57
HTML ile Form Oluşturma
Bir form oluşturalım adımız soyadımızı girebileceğimiz. Formlarda en çok kullanılan etiket <input> etiketidir. Şimdi kodlarımızı bir örnekle yazalım ve adımızı soy adımızı girebileceğimiz bir alan olsun.
Şimdi ise bir seçen formu oluşturalım örneğin cinsiyet soralım ve kullanıcının erkek yada kadını işaretleyebileceği bir form. Hemen kodları yazmaya bir örnekle başlayalım! Bunlara radio butonları denir.
Birde tik olanından yapalım bunun Kontrollü form kutuları.
onun kodunuda hemen size şöyle vereyim örnekle;
Formlardaki Action Parametresi ve Gönder butonu oluşturma.
Örneğin kullanıcı adımızı yazdık ve bir sayfaya göndericez bunun için formumuzu oluşturuyoruz ve ardından gönder butonumuzu oluşturuyoruz.
Örnek;
Bir form oluşturalım adımız soyadımızı girebileceğimiz. Formlarda en çok kullanılan etiket <input> etiketidir. Şimdi kodlarımızı bir örnekle yazalım ve adımızı soy adımızı girebileceğimiz bir alan olsun.
Kod:
<form>
Adınız:
<input type="text" name="isim">
<br>
Soyadınız:
<input type="text" name="soyad">
</form>Şimdi ise bir seçen formu oluşturalım örneğin cinsiyet soralım ve kullanıcının erkek yada kadını işaretleyebileceği bir form. Hemen kodları yazmaya bir örnekle başlayalım! Bunlara radio butonları denir.
Kod:
<form>
<input type="radio" name="Cinsiyet" value="Erkek"> Erkek
<br>
<input type="radio" name="Cinsiyet" value="Kadın"> Kadın
</form>Birde tik olanından yapalım bunun Kontrollü form kutuları.
onun kodunuda hemen size şöyle vereyim örnekle;
Kod:
<form>
Bir bisikletim var:
<input type="checkbox" name="Tasit" value="Bisiklet">
<br>
Bir arabam var:
<input type="checkbox" name="Tasit" value="Araba">
<br>
Bir uçağım var:
<input type="checkbox" name="Tasit" value="Uçak">
</form>Formlardaki Action Parametresi ve Gönder butonu oluşturma.
Örneğin kullanıcı adımızı yazdık ve bir sayfaya göndericez bunun için formumuzu oluşturuyoruz ve ardından gönder butonumuzu oluşturuyoruz.
Örnek;
Kod:
<form name="input" action="/iletildi.php"
method="get" target="_blank">
Kullanıcı Adı:
<input type="text" name="kullanici">
<input type="submit" value="Gönder">
</form>