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’
maciej
jak zrobić możliwość wysłania wiadomości na wybrany przeze mnie adres e- mail ?
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.