Bu makalemde sizlerle 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="http://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.
0 yorum:
Yorum Gönder