HTML Form Oluşturma 3. Kısım [Form Örneği] (Ders 11)

İlgili Yazılar

HTML Dersleri Serisi

Aralık 30, 2019

HTML Form Oluşturma 2. Kısım [İnput parametreleri] (Ders 10)

Aralık 30, 2019

HTML Form Oluşturma 1. Kısım (Ders 9)

Aralık 12, 2019

Bu yazımız form yapılarından bahsettiğimiz 3. yazı. Bu yazımızda şimdiye kadar form yapılarına öğrendiklerimiz ile bir form oluşturacağız. Aynı zamanda bu yazı ile HTML Derslerimizin sonuna geliyoruz. Bundan sonraki öğreneceğimiz dil web tasarımı alanında html ile birlikte kullanılan hatta html dili ile ayrı düşünülemez bir dildir. Bahsettiğimiz dilin adı Css. Css hakkında detaylı bilgi Css derslerimizde verilmiştir.

<form method="post" action="form_sonucu.php">
   <p>İsiminizi yazınız :</p>
   <input type="text" name="isim" maxlenght="16" size="20">

   <p>Soyadınızı girin :</p>
   <input type="text" name="soyisim" maxlenght="16" size="20">

   <p>Lütfen yaşınızı giriniz :</p>
   <input type="number" name="yas" max="100" size="20">

   <p>Şifrenizi giriniz (min 4 - max 8 karakter) :</p>
   <input type="password" name="sifre" minlength="4" maxlength="8" required>

   <p>E postanızı giriniz :</p>
   <input type="email" name="mail" required>

   <p>Telefon numaranızı giriniz :</p>
   <input type="tel" name="telefon" pattren=[0-9]* required>

   <p>Şarjınız yüzde kaç :</p>
   <input type="range" name="sarz" min="1" max="100">

   <p>Doğum tarihinizi giriniz :</p>
   <input type="date" name="dTarihi" value="30.12.2019"><br>Ay : <br>
   <input type="month" name="ay"><br>Hafta : <br>
   <input type="week" name="hafta">

   <p>Saat şu an kaç? :</p>
   <input type="time" name="saat"><br>

   <p>Şu anın tarihi ve saati :</p>
   <input type="datetime-local" name="tarihVeSaat">

   <p>En saevdiğiniz renk :</p>
   <input type="color" name="renk">

   <p>Cinsiyetiniz</p>
   <input type="radio" name="cinsiyet" value="erkek" checked>Erkek <br>
   <input type="radio" name="cinsiyet" value="kadın">Kadın <br>

   <p>Bildiğiniz yazılım dilleri :</p>
   <input type="checkbox" name="html">HTML
   <input type="checkbox" name="css">CSS
   <input type="checkbox" name="javascript">JavaScript
   <input type="checkbox" name="php">PhP

   <p>Lütfen Cv'nizi buraya ekleyin :</p>
   <input type="file" name="cv">

   <p>Arama çubuğu :</p>
   <input type="search" name="ara" value="Ara..."><br>

   <input type="submit" name="gönder" value="Gönder">
   <input type="reset" name="temizle" value="Temizle">
</form>

Bir sonraki yazımızda görüşmek üzere…