Wiele razy tworzysz strony internetowe, w których musisz przetwarzać dane wejściowe przesłane przez użytkownika, takie jak strona logowania, tworzenie nowego konta lub przesyłanie pytań lub komentarzy. Dane wejściowe użytkownika są gromadzone i wysyłane na serwer WWW za pomocą formularza HTML. Formularze można łatwo dodać za pomocą wbudowanych narzędzi KompoZer. Wszystkie typy pól formularzy obsługiwane przez HTML 4.0 można dodawać i edytować za pomocą KompoZer, ale w tym samouczku będziemy pracować z przyciskami tekstowymi, tekstowymi, wysyłania i resetowania.
Utwórz nowy formularz
KompoZer ma bogate narzędzia do tworzenia formularzy, które można wykorzystać do dodawania formularzy do stron internetowych. Dostęp do narzędzi formularza można uzyskać, klikając przycisk Formularz lub towarzyszące menu rozwijane na pasku narzędzi. Zauważ, że jeśli nie napiszesz własnych skryptów obsługi formularzy, będziesz potrzebował uzyskać informacje na ten temat z dokumentacji lub od programisty, który napisał skrypt. Możesz także użyć formularzy mailto, ale nie zawsze działają.
- Ustaw kursor w miejscu, w którym chcesz, aby Twój formularz pojawił się na stronie.
- Kliknij Formularz przycisk na pasku narzędzi. Otworzy się okno dialogowe Właściwości formularza.
- Dodaj nazwę formularza. Nazwa jest używana w wygenerowanym automatycznie kodzie HTML do identyfikacji formularza i jest wymagana. Musisz również zapisać swoją stronę, zanim dodasz formularz. Jeśli pracujesz z nową niezapisaną stroną, KompoZer wyświetli monit o zapisanie.
- Dodaj adres URL do skryptu, który przetworzy dane formularza w polu Adres URL działania. Funkcje obsługi formularzy to zazwyczaj skrypty napisane w PHP lub podobnym języku po stronie serwera. Bez tych informacji Twoja strona internetowa nie będzie w stanie nic zrobić z danymi wprowadzonymi przez użytkownika. KompoZer wyświetli monit o podanie adresu URL do obsługi formularza, jeśli go nie wprowadzisz.
- Wybierz metoda służy do przesyłania danych formularza na serwer. Dwie opcje to GET i POST. Musisz wiedzieć, której metody wymaga skrypt.
- Kliknij dobrze a formularz zostanie dodany do twojej strony.
Dodaj pole tekstowe do formularza
Po dodaniu formularza do strony za pomocą KompoZer, formularz zostanie nakreślony na stronie w jasnoniebieskiej linii przerywanej. W tym obszarze dodajesz pola formularza. Możesz także wpisywać tekst lub dodawać obrazy, tak jak na dowolnej innej stronie. Tekst jest przydatny do dodawania podpowiedzi lub etykiet w celu utworzenia pól służących do prowadzenia użytkownika.
- Wybierz, gdzie chcesz pole tekstowe, aby przejść do obszaru zaznaczonego formularza. Jeśli chcesz dodać etykietę, możesz najpierw wpisać tekst.
- Kliknij strzałka w dół obok Formularz na pasku narzędzi i wybierz opcję Pole formularza z rozwijanego menu.
- Otworzy się okno Właściwości pola formularza. Aby dodać pole tekstowe, wybierz Tekst z menu rozwijanego oznaczonego etykietą Typ pola.
- Podaj nazwę pola tekstowego. Nazwa służy do identyfikacji pola w kodzie HTML, a skrypt obsługi formularzy wymaga nazwy do przetworzenia danych. Wiele innych opcjonalnych atrybutów może być modyfikowanych w tym oknie dialogowym przez przełączanie Więcej właściwości / mniej właściwości lub naciskając przycisk Zaawansowane Edycja, ale na razie wpiszemy tylko nazwę pola.
- Kliknij dobrze a pole tekstowe pojawi się na stronie.
Dodaj obszar tekstowy do formularza
Czasami dużo tekstu należy wprowadzić w formularzu, takim jak wiadomość lub pytanie / pole komentarza. W takim przypadku pole tekstowe po prostu nie jest odpowiednie. Możesz dodać pole formularza obszaru tekstowego za pomocą narzędzi formularzy.
- Ustaw kursor w obrysie formularza w miejscu, w którym chcesz umieścić obszar tekstowy. Jeśli chcesz wpisać etykietę, dobrze jest wpisać tekst etykiety, nacisnąć Enter, aby przejść do nowej linii, a następnie dodać pole formularza, ponieważ rozmiar obszaru tekstowego na stronie sprawia, że jest on niezręczny dla etykieta po lewej lub prawej stronie.
- Kliknij strzałka w dół obok Formularz przycisk na pasku narzędzi i wybierz Tekst Powierzchnia z rozwijanego menu. Otworzy się okno Właściwości obszaru tekstowego.
- Wprowadź nazwę pola pola tekstowego. Nazwa identyfikuje pole w kodzie HTML i jest używana przez skrypt obsługi formularzy do przetwarzania informacji przesłanych przez użytkownika.
- Wprowadź liczbę wierszy i kolumn, które mają być wyświetlane w obszarze tekstowym. Te wymiary określają rozmiar pola na stronie i ile tekstu można wprowadzić do pola, zanim będzie konieczne przewijanie.
- Bardziej zaawansowane opcje można określić za pomocą innych kontrolek w tym oknie, ale na razie wystarczy nazwa pola i wymiary.
- Kliknij dobrze a obszar tekstowy pojawi się w formularzu.
Dodaj przycisk Wyślij i zresetuj do formularza
Po wypełnieniu formularza na stronie użytkownika musi istnieć jakiś sposób przesłania informacji na serwer. Dodatkowo, jeśli użytkownik chce zacząć od nowa lub popełnia błąd, pomocne jest włączenie kontrolki, która zresetuje wszystkie wartości formularza do wartości domyślnych. Specjalne funkcje kontroli formularzy obsługują te funkcje, zwane odpowiednio przyciskami Wyślij i Resetuj.
- Umieść kursor w zakreślonym obszarze formularza, w którym chcesz umieścić przycisk przesyłania lub resetowania. Najczęściej są one umieszczane pod pozostałymi polami formularza.
- Kliknij strzałka w dół obok Formularz przycisk na pasku narzędzi i wybierz Zdefiniuj przycisk z rozwijanego menu. Pojawi się okno Button Properties.
- Wybierz typ przycisku z rozwijanego menu z etykietą Typ. Do wyboru są opcje Prześlij, Zresetuj i Przycisk. W takim przypadku wybierzemy Zatwierdź rodzaj.
- Podaj nazwę przycisku, który będzie używany w kodzie HTML i formularzu do przetwarzania żądania formularza. Twórcy stron internetowych zazwyczaj nazywają to pole "prześlij".
- W polu oznaczonym etykietą Wartość, wprowadź tekst, który powinien pojawić się na przycisku. Tekst powinien być krótki, ale opisowy, co stanie się po naciśnięciu przycisku. Coś jak "Prześlij", "Prześlij formularz" lub "Wyślij" to dobre przykłady.
- Kliknij przycisk OK, a przycisk pojawi się w formularzu.
The Nastawić Przycisk można dodać do formularza przy użyciu tego samego procesu, ale wybierz Nastawić z Rodzaj pole zamiast Zatwierdź.
Edytowanie formularza za pomocą KompoZer
Edytowanie formularza lub pola formularza w KompoZerze jest bardzo łatwe. Wystarczy dwukrotnie kliknąć pole, które chcesz edytować, i pojawi się odpowiednie okno dialogowe, w którym możesz zmienić właściwości pola, aby odpowiadały Twoim potrzebom. Powyższy schemat przedstawia prostą formę wykorzystującą komponenty omówione w tym samouczku.
