Üç aşamalı üyelik paneli

0
287
views

login panel
Genelde  üyelik formlarında tek sayfalık form örnekleri kullanılır birçok web sitesi tarafından. Kimi websiteleri fazla bilgi istediğinden  form sayfasının fazla  uzun olmaması için üyelik formunu bir kaç sayfa halinde kullanırlar ve bundan dolayı ziyaretçi tek sayfa yerine üç sayfadan oluşan sıkıcı üyelik formları ile başetmek zorunda kalıyor.  Bazı sitelerde kullanıcılar sayfa yenilenmeden aşamalı olan form alanlarını doldurabiliyorlar buda çok nadir görülen örneklerden.

Ruby On Tails tarafından jQuery ve Css3 ile  hazırlanmış olan bu form örneğinde sayfa yenilenmeden tek bir sayfada bir kaç tane form aşamasını geçebiliyorsunuz.   Üyelik formunda bir bölümü doldurduktan sonra kullanıcı next butonuna basıyor ve doldurmuş olduğu sayfa küçülüp kayboluyor yerine diğer aşama geliyor. Toplam üç aşama olarak hazırlanmış olan bu üyelik formu örneğinde en son aşamada kullanıcılar submit deyip üyelik işlemini tamamlıyor. Hatalı  doldurulmuş bölümleri tekrar düzeltebilmek için geri butonuda mevcut ayrıca üst kısımda progress bar kullanıldığı için  kullanıcı hangi aşamada olduğunu görebiliyor. Bu aşamaları istediğiniz kadar çoğaltmak yine size kalmış bir durum.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

Css : 

  •  Body etiketleri arasına eklemeniz gereken bölümler.

Html : 

Js dosya adresleri : 

 JavaScript : 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikColorful onay kutusu tasarımı
Sonraki İçerikCss ile Ok işaretleri yapılışı

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here