- Ad
- Soyad
- Katılım
- 30 Mayıs 2019
- Konum
- web master
- Konular
- 327
- Mesajlar
- 493
- Ticaret - 100%
- iletişim
- Meslek
- Seo Danışmanı
Detay
- Meslek
- Seo Danışmanı
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>
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>
