Merhaba Arkadaşlar,
Bir önce ki makalemde sizlere Formlar ve Form Nesnelerini anlatmıştım. Fazla örneklere değinmeden hatta hiç örnek vermeye değinmeden nasıl kullanıldıklarını söyleyip makalemi sonlandırmıştım. Bu makalemde ise sizler ise beraber Sanal Sınıf adından bir form oluşturacağız. Oluşturacağımız bu formun kodlarını ister Metin Belgesi yardımı ile ya da dilerseniz NotePad++ programı ile yazıp index.html olarak kayedebilirsiniz. Dersimize geçebiliriz;
1 <html> 2 <head> 3 <title>Emre Supçin | Form Etiketleri</title> 4 </head> 5 <body> 6 <h1> Sanal Sınıf</h1> 7 <form action="https://emresupcin.com" method="post"><br> 8 Kullanıcı Adı : <input type="text" name="ad"><br> 9 E-posta Adresi: <input type="text" name="eposta"><br><br> 10 İletmek istediğiniz mesaj varsa aşağıdaki alanı kullanınız.<br> 11 <textarea name="mesaj" rows="10" cols="50" > 12 </textarea> <br><br> 13 Almış olduğunuz dersleri işaretleyiniz<br> 14 <input name="ders" type="checkbox" value="programlama" checked="on"> 15 Pascal 16 <input name="ders" type="checkbox" value="isletim" > İşletim Sistemi 17 <input name="ders" type="checkbox" value="HTML">HTML <br> 18 <input type="submit" value="Gönder"> 19 <input type="reset" value="Temizle"> 20 </form> 21 </body> 22 </html>
Yukarıdaki kodları yazdıktan sonra ister index.html isterseniz de form.html olarak kaydedebilirsiniz. Ben index.html olarak kaydettim kafanız karışmasın bu konuda. Ayrıca yukarıda yazmış olduğum form kodlarının tarayıcı önizlemesine aşağıdaki ekran görüntüsünden bakabilirsiniz.
- emresupcin
- Html
- 23 Nisan 2013 - 1:26
- Yorum Yok
- 2246 Görüntülenme
dreamweaver form örnekleri dreamweaver form uygulamaları Form Elemanları Uygulaması Form Nesneleri Uygulaması html form uygulamaları