17 Ekim 2024 13:44, Perşembe 1208 0
<!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>
Toplam 11 Makale
Lütfen yorumlarınızda saygılı, yapıcı ve anlaşılır bir dil kullanın. Küfür, hakaret ya da spam içerikler onaylanmaz.
