PROGRAMOWANIE i WEBMASTERKA

Informacje i porady dla programistów i webmasterów. Wersja bardzo beta

Kreator Formularzy HTML

Każdy kto ma jakieś doświadczenie webmasterskie na pewno spotkał się z problemem tworzenia formularzy na stronę www. Zadanie to jest o tyle niewdzięczne, że trzeba, oczywiście w zależności od ilości danych w formularzu, wklepać dość dużo kodu, zadbać o format danych wprowadzanych przez użytkownika, co np. w przypadku pola z datą nie jest takie proste, nie mówiąc już o samym wyglądzie formularza. Formularze html można oczywiście tworzyć ‘na piechotę’ ale można też posłużyć się, stworzonymi do tego celu, kreatorami (generatorami) formularzy html.

Jednym z takich, bardzo eleganckich, łatwych w obsłudze, intuicyjnych i w pełni WYSYWIG, generatorów jest kreator umieszczony na stronie phpform.org. Jest to kreator online umożliwiający w błyskawicznym tempie tworzenie dość zaawansowanych formularzy html. Wizard tego generatora składa się z trzech stron.

Na pierwszej z tych stron wybieramy wygląd, a właściwie kolorystykę formularza (25 templatek do wyboru). Na drugiej dodajemy i edytujemy w bardzo łatwy sposób pola formularza – do wyboru mamy standardowe pola html tzn. pola tekstowe (jedna linia i wiele linii <textarea>), checkbox’y, combobox’y, pola upload’u plików oraz niestandardowe, czyli np. data, godzina, cena, adres www, imię i nazwisko, telefon, email, dana liczbowa. Właściwości tych pół możemy w łatwy sposób, w ograniczonym zakresie, wizualnie edytować. Na trzeciej stronie, po zapisaniu formularza, mamy możliwość podglądu utworzonego dzieła i ewentualnej jego edycji lub ściągnięcia wygenerowanych plików.

O ile generacja niektórych pól ‘dodatkowych’ np. ‘imię i nazwisko’ przyśpiesza nam jedynie tworzenie strony, o tyle pole z wyborem daty wyposażone w dołączony, otwierany po kliknięciu, kalendarz na pewno uatrakcyjni niejeden formularz.

Pliki, które musimy ‘wgrać’ do naszej aplikacji, ściągamy z kreatora w jednym pliku zip. Po rozpakowaniu znajdujemy tam kilka plików, z których najważniejsze (być może będziemy je modyfikować) to form.html (kod html naszej formatki) i view.css. Dodatkowo dostajemy jeszcze plik view.js (javascript obsługujący formularz), obrazki (png i gif), plik htc i opcjonalnie plik javascript obsługujący ‘wyskakujący’ kalendarz.

Ocena narzędzia:

    Zalety:

  • Elegancja wykonania i elegancki wygląd generowanych formularzy
  • Intuicyjność, a co za tym idzie łatwość obsługi od pierwszego razu
  • Bardzo szybkie tworzenie formularzy
  • Możliwość dodania opisów pól (helpów dla użytkownika)
  • Dodatkowe, niestandardowe pola
  • Kalendarz w wyborze daty
  • Pełny kod z możliwością modyfikacji (formularz nie korzysta w trakcie działania z plików na innych serwerach)
    Wady

  • Brak walidacji na poziomie javascript wprowadzonych danych. Np. pole numeryczne pozwala na wprowadzenie liter, zatwierdzenie nie buntuje się przy wprowadzeniu miesiąca o numerze 13, czy godziny 25:67:89
  • Brak możliwości zmiany atrybutu ‘name’ pól formularza z poziomu kreatora WYSYWIG (można zmienić w plikach)

Aby pokazać, kilka razy podkreślaną w powyższym tekście, elegancję narzędzia, poniżej znajduje się wygenerowany przez nie przykładowy formularz html, którego tworzenie nie trwał dłużej niż 2 minuty. Wygląd jest w 100% oryginalny, zmodyfikowane (zmiany w otzrymancyh plikach) jest jedynie działanie klawisza ‘Wyślij’

komentarzy 9 do “Kreator Formularzy HTML”


  1. maciej

    jak zrobić możliwość wysłania wiadomości na wybrany przeze mnie adres e- mail ?


  2. admin

    @maciej, ten kreator formularzy pozwala Ci jedynie stworzyć ‘pola’ do wprowadzania danych. Realizacji akcji jaka będzie podjęta po zatwierdzeniu formularza (zapis danych do bazy, wyświetlenie gdzieś, wysłanie na adres pocztowy), zależy już od programisty i nie należy do funkcji kreatora.

    Poddałeś mi pomysł na kolejny wpis, być może zajmę się tym. Nie mogę jednak obiecać, że będzie to na dniach (ale być może się zmobilizuję i będzie) bo niestety inne obowiązki trochę (hmmm, trochę?) odciągnęły mnie od pisania.


  3. czarli22

    hej
    A co do licencji. Trochę tam czytałem i mniemam, że kod wygenerowany tym kreatorem mogę swobodnie użyć do sformatowania wyglądu moich formularzy na stronkach?
    Pozdrawiam.


  4. wojtek

    Przydałaby się możliwość umieszczania pól formularza w jednej linii obok siebie bo w pewnych sytuacjach taka piramidka dziwnie wygląda;).
    Ale kreator naprawdę świetny. Gratulacje:)


  5. admin

    @Wojtek, gratulacje oczywiście się należą ale nie mi :) lecz twórcom kreatora – ja go tu tylko opisałem. Myślę, że nie trudno jest poustawiać obok siebie pola – masz wszak cały kod – możesz tam pogmerać


  6. admin

    @czarli22 – z tego co się orientuję generator jest darmowy i możesz go używać do czego chcesz ale … no właśnie ale nie jestem tego pewien w 100% – musisz poszukać na stronie


  7. ogr

    a jak zrobić żeby po naciśnięciu wyślij przesłało na pocztę dane z formularza


  8. admin

    @ogr – to już inna historia, żeby wysłać pocztę/zapisać lub w inny sposób obsłużyć dane wprowadzone do formularza trzeba napisać ich obsługę. Ten generator formularzy tego nie zapewnia


  9. Maciej

    Jeżeli potrzebujecie kombajnu do tworzenia formularzy internetowych on-line i zapisywania pozyskanych ifnformacji do bazy danych zapraszam do sprawdzenia systemu http://smartforms.pl , który umożliwia wyklikanie dowolnie skomplikowanego formularza. Dodatkowo formularz może posiadać własną logikę – pola warunkowe, wyzwalacze, wykonywać operacje matematyczne. Największym udogodnieniem jest zapis danych z formularza na szablonie dokumentu PDF – można w ten sposób tworzyć wszelkiego rodzaju formularze interaktywne udostępniane na stronie www, które do tej trzeba było pobrać w formacie PDF lub doc, drukować i wypełniać ręcznie.

    Każdy formularz można osadziś na dowolnej stronie internetowej, wyniki z wypełnionego formularza oprócz zapisu do bazy danych mogą zostać wysłane na dowolny wskazany adres e-mail.

    Z góry uprzedzam – narzędzie jest płatne.

Komentuj