Web Formları - 13 dersler, kaynaklar, araçlar ve diğer ürünler

Ancak bir web formu olmadan bugün olsun. , Bu yüzden tipik iletişim formu, bir bülten sipariş için bir form olsun.

Bu yazıda, I Site Formlar konusunda çeşitli form jeneratörler, araçlar, kaynaklar, eğitim ile size sunuyoruz.

Bu düzenleme ile, yakında kendi iletişim formu oluşturmak için kolay bulmanız mümkündür.

Giriş

Web formları gerekli bilgileri İstenen ve gerekli bilgileri tanımlanabilir avantajı basit bir e-posta bağlantısını aksine online ziyaretçi teklif edilecek temas halinde onlara yardımcı olabilir.

CSS özellikli tarayıcı döneminde, burada Ajax ve JavaScript kütüphaneleri çok gelişmiştir. Bugün derece kullanıcı dostu formlar ve baharat yapmak mümkündür.

Bir web sitesi form için ne gerekiyor?

E-posta :-) tarafından son haftalarda sık sık bana sorulan bir soru var.

Prensip olarak, bir site formu iki kısımdan oluşuyor:

Ilk Gerçek formu - HTML, CSS, tanımlanan ve büyük olasılıkla Javascript fonksiyonları kullanarak gelişmiş işlevsellik ile tasarlanmış (örneğin jQuery)

Ikinci Bir değerlendirme komut dosyası - bir sunucu tarafı kodlama dilini (örneğin, PHP, Perl) ile yazılmış. Bu script web sitesi operatörü bilgi göndermek için formu on-line kullanıcı girişi değiştirmek için kullanılır.
Böyle bir komut dosyası sayesinde, e-posta, örneğin elde edilen veriler, web sitesi operatörü ve / gönderilecek veya bir veritabanında saklanır.
(Değerlendirme çalışır durumda olmalıdır, böylece bu sizin hosting paketi ve buna karşılık gelen bir betik dili olarak desteklenecek dikkat edin!).

Formu Jeneratörler

WWW, çevrimiçi çeşitli form jeneratörler size kişisel iletişim "zusammenzuklickern" izin bulacaksınız.

Ilk www.jotform.com

Fonksiyonları inanılmaz sayıda Gerçekten başarılı formunu üreticisi. Form, sürükle bırak yöntemiyle ayrı ayrı derlenebilir. Özel araştırma ve ödeme alanlar desteklenmektedir. Elektrikli el aletleri, böyle Captcha, otomatik tamamlama, Tarih / Saat gibi özel giriş alanları seçilir. Stil özellikleri sizin ihtiyaçlarınıza göre ya da sadece sağlanan şablonlar kullanmak olabilir.
Nasıl seçtiğiniz çıkan form entegre yapın: olsun ya da bir JavaScript çağrısı olarak tüm kaynak kodu ile. Çeşitli CMS sistemlerine entegrasyonu desteklenmektedir.

Bir deneyin deneyin - Bu Form Builder istenen pek yaprakları düşünüyorum.

Ikinci www.formular-generator.de

Bu form jeneratör basit bir iletişim formu oluşturmanızı sağlar. Bu 9 Önceden tanımlanmış alanlar arasından seçim yapma şansına sahip olabiliriz. Captcha kodu isteği desteklenir. HTML ve PHP kodu almak sonunda kendi sitenize entegre cut & paste ile kopyalayabilirsiniz.

Üçüncü www.phpform.org

HTML form oluşturucu bir ön formu renk tercih pForm sonra ikinci koyduğunuzda Birlikte farklı alan türleri itibaren kişisel formu Adım. Her alanın özelliklerini ayrı ayrı tanımlanabilir. Eğer onu kaydettikten sonra form tamamlandı. Sonra bir zip arşivi oluşturmak ve web sitenizin içine gömmek formunu indirebilirsiniz.

Formu Hizmetleri

Form jeneratörleri yanı sıra, hizmet formu çeşitli şimdi vardır. Form Jeneratör benzer şekilde, formlar, anketler iletişim, vb koymak. Fark bu da hizmetin bir parçası olarak size analiz için komut gerek kalmamasıdır. Web sitenize sadece oluşturulan form ve her şey için bağlantı Formlar servis tarafından gerçekleştirilir bağlamak.

(En azından formlar, kişileri belli bir sayıda, sayfamızda sivri) Bu hizmetlerin çoğu ücretsiz olduğundan emin olun.

İşte bu hizmetler şeklinde küçük bir seçki:

Ilk www.wufoo.com

İkinci www.icebrrg.com

Üçüncü www.formstack.com

4 www.appnitro.com

5 www.formsite.com

Diğer bağlantılar bu makalenin "Kaynaklar" bölümünde bulabilirsiniz.

Öğreticiler

Kim "el ile" bunu öğrenmek istiyor. Aşağıdaki yararlı ipuçları ile püf noktalarını eğitimleri bulun:

1. Bir Fantezi AJAX İletişim Formu

2 CSS3 ve jQuery ile bir Arama Formu oluşturma

3. CSS ile form güzel olun

4. Basit ve güzel CSS tabanlı formları Tasarımı

5. Web formları için 10 İnanılmaz İpuçları!

6. Prettier Erişilebilir Formlar

7. Temiz ve saf CSS FORMU tasarım

8. HTML5 Forms ile Alan Gün Var

9. Her iki tarafta da doğrulama Formlar nasıl PHP ve jQuery kullanarak

10. Web Form Doğrulama: En İyi Uygulamalar ve Öğreticiler

11. CSS 3 ile Prettier tasarım bir web formu

12. HTML 5 Yeniden Düşünmek Formlar

13. Formlarda vurgulama Geliştirilmiş Şu Alan

Kaynaklar

Ilk HTML doğrulama geliştirmek için 10 faydalı formu eklentisi

Ikinci 13 En İyi Web Form Tasarımı Eğitimler ve Kaynaklar

Üçüncü Formlar ve Öğreticiler Artırma 20 jQuery Plugins

4 Sizin ilham için güzel İletişim Formları

5 20 + Kaynakları ve CSS kullanarak Formlar oluşturma için Öğreticiler

6 10 + HTML formları ile çalışmak için jQuery Öğreticiler

7. Mobil Cihazlar ile ilgili Formlar: Modern Çözümler

8. Web Form Tasarımı: Modern Çözüm ve Yaratıcı Fikirler

9. Geliştiriciler için 13 El Seçilen Web formu Kaynakları

10. Geliştirme Formlar için 12 Mükemmel jQuery Eklentileri

11. 8 Faydalı Online Form Builder