HTML5 ile Php İletişim Formu Nasıl Yapılır ?
-
Mehmet Kaplan
- 7 yıl önce
- 2267
- 3 Dakika
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
<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
< ?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>" );
?>Sonuç
Çalışmaması durumunda aşağıdan alternatifi indirebilirsiniz:
http://oguzturk.net/lab/iletisim-formu.rar
Yorumlar (0)