Responsive Reklam Alanı

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.

 

Form-Nesneleri-Uygulaması_emresupcin

Paylaşmak Güzeldir
Yazar
Yazar
Formlar ve Form Nesneleri… Dreamweaver'ın Temel Araçları Nelerdir?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.