HTML5 ile Php İletişim Formu Nasıl Yapılır ?

Ectoor · 13 Ağu 2020

Giriş

HTML5 ile Php İletişim Formu nasıl gönderileceğini paylaşacağım sizlere, Mail gönderim metodu, eskiden mail(); fonksiyonu ile yapılmaktaydı. Bu sistem düzgünce çalışıyordu ama zamanla kötü niyetli kullanımlara ve güvenlik açıklarına sebep oldu. Hal böyle olunca da Sunucu’lar varsayılan PHP ayarlarında mail() fonksiyonunu kapalı hale getirdiler. Açmalarını talep etseniz de açmazlar.

Html5 sitelerinizde rahatlıkla kullanabileceğiniz php iletişim formu.

Kodlar

index.html yada index.php

Kod:

<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- /iletişim formu başladı Oğuz Oğuztürk-->
<title>HTML5 Form</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/jquery.form.js"></script>
<link rel="stylesheet" href="css/style.css"/>
<script>
$(function(){
$('#contact').validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
url: 'process.php',
success: function() {
$('#contact').hide();
$('#contact-form').append("<p class='thanks'>Teşekkürler! Mesajınız ilgili birime ulaşmıştır.</p>")
}
});
}
});
});
</script>
</head>
<body>
<div id="contact-form">
<form id="contact" method="post" action="">
<fieldset>
<label for="name">İsim</label>
<input type="text" name="name" placeholder="Tam İsminiz" title="Lütfen isminizi girin" class="required"/>
<label for="email">E-Posta</label>
<input type="email" name="email" placeholder="isminiz@siteniz.com" title="Lütfen e-posta adresinizi girin" class="required email"/>
<label for="phone">Telefon</label>
<input type="tel" name="phone" placeholder="örn. (555) 555-5555"/>
<label for="website">Website</label>
<input type="url" name="url" placeholder="http://"/>
<label for="message">Sorunuz/Mesajınız</label>
<textarea name="message"></textarea>
<input type="submit" name="submit" class="button" id="submit" value="Mesajı Gönder" />
</fieldset>
</form>
</div>
<!-- /iletişim formu bitti -->
<script src="js/modernizr-min.js"></script>
<script>
if (!Modernizr.input.placeholder){
$('input[placeholder], textarea[placeholder]').placeholder();
}
</script>
</body>
</html>

process.php

Kod:

< ?php
// topla
$name = strip_tags($_POST['name']);
$email = strip_tags($_POST['email']);
$phone = strip_tags($_POST['phone']);
$url = strip_tags($_POST['url']);
$message = strip_tags($_POST['message']);
// gönder
mail( "info@site.com", "İletişim Formu",
"İsim: $name\nEmail: $email\nTel: $phone\nWebsite: $url\nMesaj: $message\n",
"Gönderen: <info@siteniz.com>" );
?>

HTML5 ile Php İletişim Formu Nasıl Yapılır ?

Ectoor

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Benzer konular