Hazır İletişim Formu Html - |Blogcuozurt

21 Kasım 2014 Cuma

Hazır İletişim Formu Html

HTML KODU: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>iletişim formu</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script> <link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="icerik-tasiyici"> <table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="74" class="iletisim">iletişim</td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250" height="39" class="yazi"><span class="yildiz">*</span>Ad ve Soyad :</td> <td width="605"><form id="form1" name="form1" method="post" action=""> <label for="ad-soyad"></label> <input name="ad-soyad" type="text" id="ad-soyad" size="50" required="required" /> </form></td> </tr> </table></td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250" height="39" class="yazi"><span class="yildiz">*</span>E-mail :</td> <td width="605"><form id="form2" name="form2" method="post" action=""> <label for="e-mail"></label> <input name="e-mail" type="text" id="e-mail" size="50" required="required" /> </form></td> </tr> </table></td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="251" height="38" class="yazi">Telefon :</td> <td width="604"><form id="form3" name="form3" method="post" action=""> <label for="telefon"></label> <input name="telefon" type="text" id="telefon" size="50" /> </form></td> </tr> </table></td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250" height="39" class="yazi"><span class="yildiz">*</span>Departman :</td> <td width="605"><form id="form4" name="form4" method="post" action=""> <label for="departman"></label> <select name="departman" class="boyut" id="departman" required="required"> <option value="2" >Buraya İstediğiniz seçeneği yazabilirsiniz</option> <option value="1" >Buraya İstediğiniz seçeneği yazabilirsiniz</option> <option value="3" >Buraya İstediğiniz seçeneği yazabilirsiniz</option> <option value="4" >Buraya İstediğiniz seçeneği yazabilirsiniz</option> </select> </form></td> </tr> </table></td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250" height="40" class="mesaj"><span class="yildiz">*</span>Mesajınız :</td> <td width="605"><form id="form5" name="form5" method="post" action=""> <span id="sprytextarea1"> <label for="mesaj"></label> <span class="textareaRequiredMsg">A value is required.</span></span> <label for="mesaj"></label> <textarea name="mesaj" cols="52" rows="7" required="required" id="mesaj"></textarea> </form></td> </tr> </table></td> </tr> <tr> <td><table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="641" height="39" class="zorunlu-alan">*Zorunlu alanlar</td> <td width="214">&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="92"><form id="form6" name="form6" method="post" action=""> <table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="780">&nbsp;</td> <td width="75"><input name="gonder" type="submit" class="gonder" id="gonder" value="Gönder" /></td> </tr> </table> </form></td> </tr> </table> </div> <script type="text/javascript"> var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1"); </script> </body> CSS KODU: @charset "utf-8"; /* CSS Document */ #icerik-tasiyici { background-image: url(../images/arkaplan.jpg); height: 482px; width: 855px; border: 1px solid #000; } .boyut { width: 383px; } .iletisim { color: #ec6700; font-size: 30px; padding-left: 20px; } .yildiz { font-size: 15px; color: #ec6700; } .zorunlu-alan { color: #ec6700; text-align: right; } .gonder { color: #FFF; background-color: #F60; height: 40px; text-align: right; width: 70px; border:radius; } .mesaj { color: #999; text-align: right; font-size: 20px; padding-bottom: 100px; } .yazi { text-align: right; font-size: 20px; color: #999; } GÖRÜNÜM:

3 yorum:

  1. Safa Onur Sancaktar28 Kasım 2014 03:52

    Güzel bir iletişim formu, ödevim için uygun oldu teşekkürler...

    YanıtlaSilYanıtlar
      Yanıtla
  2. Lovaris Group21 Haziran 2020 04:09

    vayy

    YanıtlaSilYanıtlar
      Yanıtla
  3. Suat21 Temmuz 2021 07:33

    Kurulumu anlatsanız

    YanıtlaSilYanıtlar
      Yanıtla
Yorum ekleDaha fazlasını yükle... Sonraki Kayıt Önceki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom)

ARA

Từ khóa » Html Hazır Iletişim Formu