Neler yeni
  • Değerli üyelerimiz, sitemize giriş kullanıcı adı ile değil E-mail adresiyle olmuştur. Lütfen giriş yaparken kullanıcı adı yerine e-mail adresinizi yazın.
    Foruma üyelikler kısa bir süreliğine açık hale getirilmiştir. Yeni üyelikler admin tarafından kontrol edilip uygun görülür ise aktif edilecektir.

html iletişim Formu

Katılım
24 Nis 2020
Mesajlar
1,046
Kod:
1 <!doctype html> 


2 <html lang="en"> 


3 <head> 


4   <!-- Required meta tags --> 


5   <meta charset="utf-8"> 


6   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 


7   <!-- Bootstrap CSS --> 


8   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"> 


9   <title>İletişim Formu</title> 


10 </head> 


11 <body> 


12   <div class="container">  


13     <br>   


14     <h3> İletişim Formu</h3> 


15     <div  class="col-md-6 bg-info form-group">  


16       <form action="" method="POST"> 


17         <div class="row"> 


18           <div class="col-md-6"> 


19             <label>İsim</label> 


20             <input class="form-control" type="text" maxlength="25" name="isim" required=""> 


21           </div> 


22           <div class="col-md-6"> 


23            <label>Soyisim</label> 


24            <input class="form-control" type="text" name="soyad" required="">  


25          </div> 


26        </div>   


27        <label>E-Mail</label> 


28        <input class="form-control" type="email" name="email" required=""> 


29        <label>Telefon</label> 


30        <input class="form-control" type="number" name="tel" required=""> 


31        <label>Doğum Tarihi</label> 


32        <input class="form-control" type="date" name="dt" required=""> 


33        <input class="form-control" type="text" value="Doğum tarihi zorunludur." disabled="" name="email"> 


34        <label>Hizmetler</label> 


35        <select name="hizmetler" class="form-control">  


36          <option>web tasarım</option> 


37          <option>html kodlama</option> 


38          <option>teknik servis</option> 


39        </select> 


40        <label>Açıklama</label> 


41        <textarea class="form-control" name="aciklama" type="text"> </textarea> 


42        <br>   


43        <button class="btn btn-success"  name="gonder" type="submit">Gönder</button> 


44        <button class="btn btn-danger" name="temizle" type="button">Temizle</button> 


45      </form> 


46    </div> 


47  </div> 


48  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 


49  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> 


50  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> 


51 </body> 


52 </html>
 
Google ads alanı