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

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

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…

Hakkında Furkan Yağmur

Check Also

web-gemisi

HTML Liste Oluşturma Etiketleri (Ders 8)

Html yapılarında liste oluşturmak için iki seçenek vardır. Bunlar Sıralı ve Sırasız listelerdir. Listelerimizin içine …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir