Divebi.com

Web Yazilim HTML

HTML Kullanarak Contact Form – İletişim Formu Yapımı

Yayınlanan

İcerisinde

HTML Kullanarak Contact Form – İletişim Formu Yapımı

Bu yazımızda, HTML web sitenize basit bir şekilde HTML kullanarak iletişim formu yaptık. CSS kodlarını kullanarak iletişim formunu dilediğiniz gibi özelleştirebilirsiniz.

Projemizi geçmeden önce bir HTML sayfası oluşturun veya Divebi Önizle (kod önizleme) web sayfasını kullanabilirsiniz. Aşağıda vermiş olduğum kodları kopyala yapıştır yaparak kodları test edebilirsiniz.

<!DOCTYPE html>
<html lang="TR-tr">
<head>
  <meta charset="UTF-8">
  <title>Mustafa Salman YT</title>
</head>
<body>
  <style>
    #card {
      height: auto;
      background-color: #cecece;
      padding: 10px;
      display: inline-block;
      border: 3px;
      border-style: solid;
      border-color: black;
      border-radius: 10px;
    }
    form {
      color: black;
    }
  </style>
  <div id="card">
    <form action=".php" method="get" name="form">
      <label for="id-isim">İsim:</label><br>
      <input type="text" name="İsim" id="id-isim" required><br>
      <label for="id-isim">Soyİsim:</label><br>
      <input type="text" name="soyisim" id="id-soyisim" required><br>
      <label for="id-mail">E-posta:</label><br>
      <input type="text" name="mail" id="id-mail" required><br>
      <label for="id-mesaj">Mesajınız:</label><br>
      <textarea rows="5" cols="20" name="mesaj" id="id-mesaj"></textarea><br><br>
      <input type="submit"> | <input type="reset">
    </form>
  </div>
</body>
</html>
Yorum yapmak için tıklayın

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Trend Olan Gönderiler