Dil bu siteyi çevir:

Çevrimiçi JeneratörlerAraçlar / AraçlarÖğreticiler

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

Website Forms - 13 Tutorials, Ressourcen, Tools & Services

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.

01-jotform

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.

02-formgenerator

Üçü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.

03-pform

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

04-wufoo

İkinci www.icebrrg.com

05-icebrrg

Üçüncü www.formstack.com

06-formstack

4 www.appnitro.com

07-machform

5 www.formsite.com

08-formsite

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

09-form-tutorial01

2 CSS3 ve jQuery ile bir Arama Formu oluşturma

10-form-tutorial02

3. CSS ile form güzel olun

11-form-tutorial03

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

12-form-tutorial04

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

13-form-tutorial05

6. Prettier Erişilebilir Formlar

14-form-tutorial06

7. Temiz ve saf CSS FORMU tasarım

15-form-tutorial07

8. HTML5 Forms ile Alan Gün Var

16-form-tutorial08

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

17-form-tutorial09

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

18-form-tutorial10

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

19-form-tutorial11

12. HTML 5 Yeniden Düşünmek Formlar

20-form-tutorial12

13. Formlarda vurgulama Geliştirilmiş Şu Alan

21-form-tutorial13

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

1 vote, average: 6,00 out of 61 vote, average: 6,00 out of 61 vote, average: 6,00 out of 61 vote, average: 6,00 out of 61 vote, average: 6,00 out of 61 vote, average: 6,00 out of 6
1 oy / s, ortalama puanı: max dan 6.00 yıldız. 6 YILDIZLAR
Loading ... Yükleniyor ...
Yorum bırak
Yer imleri oluşturma? Başkalarıyla ancak bu konuda paylaşın!
  • TwitThis
  • MisterWong.DE
  • Google
  • Digg
  • del.icio.us
  • LinkArena
  • Technorati
  • Facebook
  • Design Float
  • MySpace
  • description
  • Netvouz
  • Reddit
  • StumbleUpon
  • Webnews.de

Yetkili kişi

Yazar Hakkında

Sabine Kunkel ıslanma İsmim 2001 yılından bu yana Sabine Kunkel ıslanma ve ben proje adı altında serbest Internet servis sağlayıcısı ArcheNet olarak çalışıyorum.

Benim ana faaliyet web siteleri, eğitim ve özelleştirilmiş veritabanı uygulamalarının geliştirilmesi oluşturulmasıdır.

Ayrıca hpvorlagen24.de ben diğer web siteleri ve web sitesi oluşturma, web tasarım, CSS ve Ajax ile konu hakkında bloglar çalıştırın.

Benim hakkımda Daha fazla bilgi için www.sabine-Kunkel-duecking.de veya soru ve geri bildirim ile bana yazın sadece bir e-posta göndermek sabine@hpvorlagen24.de

  • Andreas Lenné
    5 yazdı Uhr 02:33 saat at Ekim 2010

    Kaliteli malzeme ve kaliteli bağlantılar içeren bir kesinlikle büyük blog. Merhaba, ne kadar soğuk olduğunu?


  • Fabian
    29 yazdı Uhr 18:32 saat at Ocak 2011

    Benzer bir teklif Almanya'da zaten. Formulario daha form alanlarını kullanın ve her şey hala tamamıyla ücretsizdir bile yapabilir! Daha fazla http://www.formular.io


Konuşmaya katılın ve soru sorma

Yorum

Bir cevap yazın


Yukarı | « geri