Kreator Formularzy HTML

admin — Sat, 20 Mar 2010 15:03:29 +0000

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 ), 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: <ul>Zalety: <li>Elegancja wykonania i elegancki wygląd generowanych formularzy <li>Intuicyjność, a co za tym idzie łatwość obsługi od pierwszego razu <li>Bardzo szybkie tworzenie formularzy <li>Możliwość dodania opisów pól (helpów dla użytkownika) <li>Dodatkowe, niestandardowe pola <li>Kalendarz w wyborze daty <li>Pełny kod z możliwością modyfikacji (formularz nie korzysta w trakcie działania z plików na innych serwerach) </ul> <ul>Wady <li>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 <li>Brak możliwości zmiany atrybutu ‘name’ pól formularza z poziomu kreatora WYSYWIG (można zmienić w plikach) </ul> 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’ </article> </main></body></html>

PROGRAMOWANIE i WEBMASTERKA » formularz

Kreator Formularzy HTML