KAYIT GİRİŞ

Arama

X
Html Uygulamaları - 37

HTML FORM UYGULAMASI - ÜYELİK FORMU

17 Ekim 2024 13:44, Perşembe 1410

 

HTML KODLARI
<!DOCTYPE html>
<html> 
<head>
  <title>HTML FORM UYGULAMASI - ÜYELİK FORMU
</title>
  <meta charset="utf-8">
  <style>
    /*  FONT ETİKETİ KULLANILMAZ İSE...
    body {font-family: calibri}
    h1 {color:#fff}
    */
  </style>
</head>

<body bgcolor="#fff">
  <br><br><br><br>

  <font face="calibri">


    <form action="">

      <table  align="center" width="40%" cellspacing="0" cellpadding="20" >  

        <tr  bgcolor="orange"  > 
          <td colspan="4"  valign="center"><h1 align="center"><font color="#fff">ÜYELİK FORMU</font> </h1></td>
        </tr>

        <tr  bgcolor="#ddd"> 
          <th colspan="4">  Lütfen * Zorunlu Alanları doldurun...</th>
        </tr>

        <!-- 1. SATIR -->
        <tr align="left" height="50" bgcolor="#eee">  
          <th> <label for="ad">Adınız *</label> </th>
          <td> <input type="text" placeholder="Adınız.." name="ad" id="ad"   autocomplete="off" required /> </td>
          <th> <label for="soyad">Soyadınız *</label> </th>     
          <td width="150"> <input type="text" placeholder="Soyadınız.." name="soyad" id="soyad" autocomplete="off" required/> </td>
        </tr>

        <!-- 2. SATIR -->
        <tr align="left" height="50" bgcolor="#ddd">   
          <th> <label for="k_adi">Kullanıcı Adı *</label> </th>
          <td> <input type="text" placeholder="Kullanıcı Adınız.." name="k_adi" id="k_adi" maxlength="10" required /> </td>
          <th> <label for="sifre">Şİfre *</label> </th>   
          <td> <input type="password" placeholder="Şifreniz.." name="sifre" id="sifre"  maxlength="8" required/> </td>
        </tr>

        <tr align="left" height="50" bgcolor="#eee">  
          <th> <label for="mail">Mail Adresiniz *</label> </th>
          <td> <input type="email" placeholder="Mail adresiniz.." name="mail" id="mail"  required /> </td>
          <th> <label for="tel">Telefenunuz</label></th>    
          <td> 
            <input type="tel" placeholder="Telefon.." name="tel" id="tel" pattern="[0-9]{4} [0-9]{3} [0-9]{2} [0-9]{2}" palceholder="05** *** ** **" /> 
          </td>
        </tr>

        <!-- 1. SATIR -->
        <tr align="left" height="50" bgcolor="#eee">  
          <th> Cinsiyet </th>
          <td> 
            <input type="radio"  name="cinsiyet" id="bay"/><label for="bay"> Bay</label>
            <input type="radio"  name="cinsiyet" id="bayan"/><label for="bayan"> Bayan</label>
          </td>
          <th> <label for="soyad">Doğum Tarihi</label> </th>     
          <td width="150"> <input type="date"   name="yas" id="yas"  /> </td>
        </tr>



        <tr align="left" height="50" valign="bottom" bgcolor="#ddd">   

          <td colspan="4"> 
            <label for="adres"><b>Adresiniz</b></label><br><br>
            <textarea name="adres" id="adres" placeholder="Adresiniz.." cols="100" rows="8"></textarea> 
          </td> 
        </tr>



        <tr align="center" bgcolor="#ddd"> 
          <td> 
            <label for="il"><b>İl</b></label><br><br> 
            <select  name="il" id="il" >
              <option value="0">Lütfen Seçiniz</option> 
              <option value="izmir">İZMİR</option>
              <option value="ankara">ANKARA</option>
              <option value="bursa">BURSA</option> 
            </select> 
          </td>

          <td> 
           <label for="ilce"><b>İlçe</b></label><br><br> 
           <select  name="ilce" id="ilce">  
            <option value="0">Lütfen Seçiniz</option> 
            <option value="konak">KONAK</option>
            <option value="buca">BUCA</option>
            <option value="karabağlar">KARBAĞLAR</option> 

          </select> 
        </td>
        <td> 
          <label for="mahalle"><b>Mahalle</b></label><br><br> 
          <select  name="mahalle" id="mahalle">
            <option value="0">Lütfen Seçiniz</option> 
            <option value="goztepe">GÖZTEPE</option>
            <option value="küçükyalı">KÜÇÜKYALI</option>
            <option value="güzelyalı">GÜZELYALI</option> 

          </select> 
        </td> 
        <td> 
          <label for="mahalle"><b>Kapı No</b></label><br> <br> 
          <select  name="kapi" id="kapi">  
            <option value="0">Lütfen Seçiniz</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option> 

          </select> 
        </td> 
      </tr>


      <tr align="left" height="100" valign="center" bgcolor="#444">  
        <td colspan="4"> 
          <input type="checkbox" id="onay" nam="onay" required>
          <label for="onay" style="color:#fff"> Kaydet butonuna tıklayarak, site kurallarını kabul etmiş olursunuz! </label>
        </td> 
      </tr>


      <tr align="center" height="50"bgcolor="orange">  
        <td colspan="4"> 
          <input type="submit" value="KAYIT OL">
          <button type="reset"> FORMU TEMİZLE </button>

        </td> 
      </tr>
    </table>

  </form>
</font>

<br><br><br><br>

</body>
</html>
Tarayıcıda Aç
Son Güncelleme : 19 Ekim 2024 23:48, Cumartesi
YORUMLAR () YORUM YAZ
Yorum yapılmamış!
BENZER İÇERİK

HTML ETİKET Yapısı

23 Aralık 2020 19:03, Çarşamba

HTML Temel Etiketler

04 Ocak 2021 23:57, Pazartesi

HTML META EtİKETİ ve Parametrelerİ

04 Nisan 2021 01:57, Pazar
SON EKLENEN
ÇOK OKUNAN
ÖĞRENCİ ÇALIŞMALARI
erkanunlu.com.tr © 2021 Tüm Hakları Saklıdır