link

Form Nesneleri Uygulaması…

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="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.

 

Form-Nesneleri-Uygulaması_emresupcin

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Formlar ve Form Nesneleri…

Sonraki Yazı:Dreamweaver’ın Temel Araçları Nelerdir?

BENZER YAZILAR
YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.