Oturum Açma Sayfası Oluşturma

HTML Dersleri > Oturum Açma Sayfası Oluşturma

Oturum açma sayfası oluşturmak için ilk önce <form> etiketiyle formumuzun temelini oluşturuyoruz. Kullanıcı adı girişi için <input type="text"> kodunu giriyoruz. Ardından kullanıcının parola girebilmesi için <input type="password"> kodunu giriyoruz.

type="text" niteliğini kullanarak oluşturduğumuz ilk kutucuğa metin girildiği zaman bu metin normal bir şekilde gösterilir. type="password" niteliğini kullanarak oluşturduğumuz kutucuğa ise girdiğimiz veri noktalı bir şekilde gösterilir.

<!doctype html>
<html>
  <head>
    <title>Oturum Aç</title>
  </head>
  <body>
    <form>
      Kullanıcı adı <input type="text">
      Parola <input type="password">
      <input type="submit" value="Oturum Aç">
    </form>
  </body>
</html>

Gördüğünüz gibi form elemanları yan yana sıralandı. Bu sıralamayı alt alta yapmak için her bir elemandan sonra <br> kodunu kullanmamız yeterlidir.

<!doctype html>
<html>
  <head>
    <title>Oturum Aç</title>
  </head>
  <body>
    <form>
      Kullanıcı adı <input type="text">
      <br>
      Parola <input type="password">
      <br>
      <input type="submit" value="Oturum Aç">
    </form>
  </body>
</html>

Oturum açma sayfasının temeli HTML ile atılır. Bu form tasarım açısından sizlere kötü gelmiş olabilir. Bunun sebebi CSS kullanmadığımızdan dolayıdır. CSS, HTML ile birlikte kullanılır. CSS kullanabilmek için ilk önce HTML bilmek gerekmektedir. Form derslerinden sonra CSS dersleri yer almaktadır. CSS ile daha iyi tasarımlara sahip siteler oluşturmayı öğreneceksiniz.

Önceki Ders

Sonraki Ders