Html Kullanıcı Kayıt Ekranı

nhtctn nhtctn

action: Form’un nereye gideceğini bellirtiğim attribute’dir.

required: Belirtilen alanın doldurulmasını zorunlu kılar.

placeholder: İnput alanında kullanıcıya bilgi vermek için kullandığımız attribute’dir.

select: Kullanıcıya seçim yapmasını sağlayan form elemanımızdır.

<!DOCTYPE html>
<html lang="en"
>
<head>
    <meta charset="UTF-8">
    <title>Kullanıcı Kayıt Ekranı</title>
</head>
<body>
    <form action="/Home/kayitOl">
      <p>Adı:<input type = "text" name="ad" required placeholder="isminizi giriniz"></p>
      <p>Soyad:<input type = "text" name="soyad"></p>
      <p>E-Mail:<input type = "email" name="email" required></p>
      <p>E-Mail Onayla:<input type= "email" name="tekrarMail"></p>
      <p>Şifre:<input type=password name="sifre" placeholder="sifrenizi giriniz"></p>
      <p>Şifre Onayla:<input type="password" name="sifreOnayla"></p>
      <p>Telefon:<input type = "tel" name="telefon"></p>
      <p>Doğum Tarihi:<input type = "date"></p>
      <p>Erkek <input type="radio" name="cinsiyet">
      Kadın <input type="radio" name="cinsiyet"></p>
      <p> Doğum Yeri:
          <select name="sehir">
              <option>İstanbul</option>
              <option>İzmir</option>
              <option>Ankara</option>
              <option>Antalya</option>
          </select>
      </p>
        <p>Hobileriniz:<br>
        
         Kitap Okumak <input type=checkbox name="hobi">
         Spor Yapmak  <input type="checkbox" name="hobi">
         Müzik Dinlemek<input type="checkbox" name="hobi">
     
     </p>
      <p>Beni Hatırla<input type="checkbox"></p>
     <input type="submit" value="Kayıt Ol">
       
        
        
    </form>
    
    
    
</body>
</html>

Yorum yazın

BENZER YAZILAR