HTML Formları Eğitimi
Birçok yeni web tasarımcısının mücadele ettiği web sitelerinin ortak bir özelliği. Web sitenize bir form eklemek, kullanıcıların size soru sormak veya sunduğunuz ürün veya hizmetlere ilgi duymak için sizinle iletişim kurması için basit bir yol olarak eklemek isteyebilirsiniz. Ne yazık ki, karmaşık site formlarının nasıl ekleneceği ile ilgili çevrimiçi eğiticiler kafa karıştırıcı olabilir ve yeni web profesyonellerini uzaklaştırabilir.
Web formları yeni web siteleri için bile çalışmak zor olmak zorunda değil.
Mailto formları, formların çalışması için kolay bir yoldur. Müşterinin bilgisayarından form sahibine form verilerini göndermek için e-posta istemcilerine güvenirler. Web sitesi kullanıcısı tarafından tamamlanan form verileri, formun kodunda belirtildiği gibi belirli bir adrese e-posta ile gönderilir.
Web tasarımında yeniyseniz ve daha karmaşık etkileşimlerin nasıl programlanacağını bilmiyorsanız veya küçük bir web sitesi çalıştırıyorsanız ve yalnızca bir form eklemenin basit bir yolunu arıyorsanız, iletişim formu olarak mailto formuna sahip olmak çok PHP yazmayı öğrenmekten daha kolay. Ayrıca sizin için önceden yazılmış bir yazı satın almaktan daha ucuzdur.
Bu hızlı öğretici ile mailto formlarını nasıl kullanacağınızı öğrenin. Daha önce hiç yapmadıysanız bile, teknikte ustalaşma, "web tasarımının başlangıcı" alanında kolay ve kesin.
Başlamak
HTML formları yeni web geliştiricileri için zorlayıcı olabilir çünkü HTML işaretlemeyi öğrenmekten daha fazlasını gerektirirler. Formları ve alanlarını oluşturmak için gereken HTML öğelerine ek olarak, formu "çalışma" durumuna getirmenin de bir yolu olmalıdır. Bu genellikle bir CGI betiğine veya formun "eylem" özelliğinde oluşturulacak başka bir programa erişim gerektirir.
Bu eylem, formun verileri nasıl işlediğini ve daha sonra ne ile işlediğini (bir veritabanına yazarak, e-posta göndererek, vb.) Nasıl olur.
Formunuzu çalıştıracak bir komut dosyasına erişiminiz yoksa, çoğu modern tarayıcının desteklediği bir form eylemi vardır.
action = " mailto: youremailaddress "
Bu, web sitesinden form verilerinizi e-postanıza almanın basit bir yoludur.
Kuşkusuz, bu çözüm yapabildiklerinde çok sınırlıdır, ancak çok küçük web siteleri için, başlamak için iyi bir yerdir.
Mailto Formlarını Kullanmaya Yönelik Hileler
Enctype = "text / plain" özelliğini kullan
Bu, e-posta istemcisinin yanı sıra tarayıcıya, formun, daha karmaşık bir şey yerine düz metin yolluyor olduğunu söyler. Bazı tarayıcılar ve e-posta istemcileri Web sayfaları için kodlanmış form verilerini gönderir. Bu, verilerin uzun bir satır olarak gönderildiği, boşlukların artı (+) ile değiştirildiği ve diğer karakterlerin kodlandığı anlamına gelir. Enctype = "text / plain" özelliğini kullanmak, verilerin daha kolay okunmasına yardımcı olur.
GET veya POST yöntemini kullanın
POST yöntemi bazen işe yararken, genellikle tarayıcının boş bir e-posta penceresi açmasına neden olur. Bu, GET yöntemiyle gerçekleşirse, POST konumuna geçmeyi deneyin.
Örnek Posta Formu
Mailto eylemini kullanarak örnek bir form (not - bu çok basit bir işarettir. İdeal olarak bu form alanlarını daha çok semantik işaretleme ve elemanlar kullanarak kodlarsınız, ancak bu örnek bu dersin kapsamı için yeterlidir):
Adınız:
Soyadınız:
Yorumlar: