Przetwarzaniem danych, które odwiedzający wysyłają do serwera po wypełnieniu formularzy internetowych, zajmuje się specjalny program (skrypt). Dlatego sensowne jest dodawanie pól do formularza opublikowanego na stronie internetowej tylko wtedy, gdy funkcje do pracy z tymi polami są zaprogramowane w skrypcie. Jeśli ten warunek jest spełniony, pozostaje wykonanie stosunkowo prostej części pracy polegającej na dodaniu do kodu źródłowego strony tagów tworzących wymagane pola.
Czy to jest to konieczne
Podstawowa znajomość HTML
Instrukcje
Krok 1
Operację tworzenia niezbędnych tagów może przejąć edytor strony, jeśli masz w nim możliwość skorzystania z trybu edycji wizualnej. Taki edytor może być integralną częścią systemu zarządzania treścią - wejdź do niego i załaduj stronę z formularzem, w którym należy dodać nowe pola. Skorzystaj z operacji kopiowania i wklejania - zaznacz i skopiuj kilka istniejących elementów (pole wejściowe i powiązany z nim tekst), a następnie kliknij na stronie, na której ma być umieszczone dodatkowe pole i wklej skopiowane.
Krok 2
Następnie edytuj właściwości każdego elementu pary osobno. Wystarczy zaznaczyć myszką napis i wpisać nowy tekst, a do pola wejściowego użyj przycisku w panelu edytora, który otwiera jego właściwości. We właściwościach należy przynajmniej zmienić wartość w polu name - musi odpowiadać nazwie pola zaprogramowanej w skrypcie przetwarzania. Powtórz kopiowanie / wklejanie dla wymaganego zestawu pól i zapisz stronę.
Krok 3
Jeśli nie ma dostępu do edycji wizualnej, otwórz kod źródłowy strony w dowolnym edytorze tekstowym lub specjalistycznym i dodaj do niego niezbędne tagi. Ta metoda wymaga znajomości HTML i technik układu stron internetowych. Aby dodać do formularza proste pole tekstowe, użyj znacznika input, dodając tekst wartości do atrybutu type. Oprócz tego atrybutu wymagana jest tylko nazwa - musi zawierać nazwę tego pola formularza znaną skryptowi obsługi. Korzystając z innych atrybutów, możesz ustawić liczbę znaków, które wizualnie określają długość pola wejściowego (atrybut rozmiaru), maksymalną dopuszczalną liczbę znaków (maxlength), parametry stylu (style), przynależność do klasy (klasa) itp. Ten tag można zobaczyć w kodzie, na przykład tak:
Krok 4
W przypadku wielowierszowego pola tekstowego użyj znacznika textarea. Składa się z dwóch części - otwierającej i zamykającej. W pierwszym musisz ustawić wartość name, a za pomocą atrybutów rows i cols możesz ustawić liczbę wierszy i kolumn tego elementu formularza. Na przykład:
Krok 5
Inne typy pól formularza mogą być polami wyboru - do ich utworzenia również użyj znacznika input, ale w przeciwieństwie do jednowierszowego pola tekstowego, określ wartość pola wyboru w atrybucie type. Jeśli ten element formularza wymaga sprawdzenia, dodaj atrybut sprawdzany do jego znacznika. Na przykład:
Krok 6
Aby wstawić pole wyboru do formularza i przesłać plik, użyj tego samego tagu wejściowego z wartością pliku w atrybucie type. Na przykład:
Krok 7
Bardziej złożona konstrukcja tworzy pole z rozwijaną listą. Musi zawierać parę otwierających i zamykających znaczników select. Umieść między nimi pary oznaczeń opcji, z których każda określa pojedynczą linię wyboru. Tagi otwierające muszą zawierać atrybut value (jego wartość zostanie przesłana do serwera), a pomiędzy częścią otwierającą i zamykającą umieść tekst, który zobaczy odwiedzający w tej linii listy. Na przykład: Pierwsza linia wyboru Druga linia wyboru Trzecia linia wyboru
