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

Bu Reklam Alanı Esnektir.

Bu Reklam Alanı Esnektir.

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

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

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

Bu Reklam Alanı Esnektir.

  • Paylaş
  • 0
gravatar

mehmetkpln18

Architect, Graphic Designer and Website Developer

Mehmet Kaplan, yeni mezun bir mimar, web ve grafik tasarımcısı, araştırmacı. Tasarım, programlama ve kodlama konusunda tutkusu olan biri.

Yorumlar Yorum Yok

Bilgi :Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

Bu Reklam Alanı Esnektir.

Bu Reklam Alanı Esnektir.