Form Elemanlarının Mantığı

HTML Dersleri > Form Elemanlarının Mantığı

Form oluşturmak için ilk önce <form> etiketini kullanarak formumuzun temelini oluştururuz. Ardından formumuzun içerisine form elemanlarını <input> etiketiyle gireriz.

Form elemanları farklı veri tiplerinden oluşur. Örneğin bir oturum açma sayfasını gözünüzde canlandırın. E-posta adresimizi girmek için farklı, parolamızı girmek içinse farklı bir form elemanı kullanırız. Çünkü parolamızı girdiğimiz kutucuk parolamızı noktalı (••••••) bir şekilde ekranda gösterir. Böylece parolamızı meraklı gözlerden uzak tutmuş oluruz.

Farklı tipte form elemanları oluşturabilmek için type niteliğini kullanırız. Örneğin e-posta adresimizi girmek için type="email" kodunu kullanırız. Formumuzu göndermek için ise type="submit" kodunu kullanırız. Şimdi öğrendiğimiz bilgilerle basit bir form oluşturalım.

<!doctype html>
<html>
  <head>
    <title>Namaz Vakitleri</title>
  </head>
  <body>
    <form method="post">
      <input type="email">
      <input type="submit" value="Giriş Yap">
    </form>
  </body>
</html>

Gördüğünüz gibi formumuzu oluşturmak için <form> etiketini kullandık. E-posta girişi oluşturmak için <input type="email"> kodunu kullandık ve "Giriş Yap" butonunu oluşturmak için ise <input type="submit" value="Giriş Yap"> kodunu kullandık.

Önceki Ders

Sonraki Ders