Jak Zrobić Formularz Na Stronie

Spisu treści:

Jak Zrobić Formularz Na Stronie
Jak Zrobić Formularz Na Stronie

Wideo: Jak Zrobić Formularz Na Stronie

Wideo: Jak Zrobić Formularz Na Stronie
Wideo: HTML5 - formularz na stronie 2024, Kwiecień
Anonim

Formularz dla strony stał się szeroko rozpowszechniony w Internecie. Formularze służą do subskrybowania wiadomości, książek zamówień, lekcji wideo i różnych materiałów. Formularze to specjalnie ograniczone obszary strony witryny, w których odwiedzający witrynę proszony jest o wprowadzenie dowolnych informacji lub wybranie określonych działań z szeregu proponowanych. Przy tworzeniu formularzy można sobie poradzić ze specjalnymi skryptami, ale napiszemy je ręcznie, aby zrozumieć całą technologię pracy i strukturę formularza.

Jak zrobić formularz na stronie
Jak zrobić formularz na stronie

Czy to jest to konieczne

  • 1) Plik strony HTML
  • 2) Znajomość podstaw HTML
  • 3) Znajomość podstaw PHP

Instrukcje

Krok 1

Zacznijmy tworzyć formularz na stronie. Formularz będzie miał następujący wzór: imię i nazwisko, hasło, adres e-mail, nośnik danych, rodzaj kursu. Te. formularz będzie służył do subskrypcji kursów wideo.

Otwórz plik html i zacznij wpisywać kod. Znacznik odpowiedzialny za tworzenie formularza to „formularz”. Piszemy tag wraz z atrybutami „formularz akcja =" obrabotka.php”metoda =" post”nazwa” forma1””. Zacznijmy tworzyć elementy formularza. Prawie wszystkie elementy są tworzone przy użyciu tagu i jego atrybutu „type”, który odpowiada za typ danych, na przykład tekst, hasło i tak dalej. Każdemu z atrybutów zawsze nadajemy nazwę „nazwa”.

Przepisujemy: "br" Wpisz nazwę: "br"

"nazwa wejściowa =" fio"

"br" Wprowadź hasło: "br"

"nazwa wejściowa =" hasło"

"br" Wpisz adres e-mail: l "br"

"nazwa wejściowa =" e-mail ".

Krok 2

Następnie tworzymy element wyboru przycisku radiowego. Przycisk radiowy to element formularza, który po naciśnięciu kursorem włącza się, a inne przyciski radiowe są wyłączane. Wyjaśnijmy na przykładzie naszej formy. Zamawiając kurs, do wyboru będą płyty CD lub DVD, więc musisz wybrać jeden. Za stworzenie takiego przycisku odpowiada element atrybutu „type” - „radio”. Napiszemy tę samą nazwę dla typu nośnika, więc określimy atrybut „wartość”, aby handler mógł dokładnie określić wartość zmiennej. Rejestrujemy kod: "br" Wybierz opcję nośnika pamięci: "br"

"nazwa wejściowa =" dysk "wartość =" cd " CD "br"

"nazwa wejściowa =" dysk "wartość =" DVD " DVD "br"

Jeśli atrybut „wartość” jest ustawiony na tekst, to formularz od razu wyświetli wartość, którą przypisaliśmy temu atrybutowi. Na przykład tak, aby w postaci pełnej nazwy była już jakaś nazwa (wartość = "nazwa").

Krok 3

Przejdźmy do tworzenia elementu formularza, w którym można dokonywać wielu wyborów Takie elementy wykonujemy za pomocą typu =”checkbox”. Rejestrujemy kod:

"br" Wskaż interesujące kursy "br"

"nazwa wejściowa =" ch1 "wartość =" tak " Kurs tworzenia stron internetowych "br"

"nazwa wejściowa =" ch2 "wartość =" tak " Kurs księgarski "br"

Jeśli chcesz, możesz umieścić domyślne pole wyboru, w tym celu po prostu wpisujemy słowo cheked w tagu "input". Przepisujemy (wartość = "tak") zgodnie z kodem, aby nie pomylić się podczas tworzenia pliku php.

Natychmiast rejestrujemy rodzaj dostawy za pomocą tagu „wybierz”:

Określ rodzaj dostawy „br”

"wybierz nazwę =" dostawa"

„opcja” Pilne

„opcja” Normalna

"/ wybierz" "br"

Następnie tworzymy pole na komentarze lub adres użytkownika. W tagu „textarea” atrybutami tego tagu są „wiersze” i „kolumny”, które odpowiadają za rozmiar tego pola.

Wpisz swój adres i zanotuj

"textarea name =" add_text "rows =" 5 "cols =" 30"

"/obszar tekstowy"

Utwórz przycisk przesyłania za pomocą znanych tagów: "wartość wejściowa = "Prześlij " Nie zapomnij zamknąć znacznika "formularz"

Gotowa forma
Gotowa forma

Krok 4

Rozpoczynamy tworzenie pliku obrobotka.php, otwieramy i rejestrujemy

? If (! Isset ($ ch1)) {$ ch1 =” nie”;}

If (! Isset ($ ch2)) {$ ch2 =”nie”;}

mail ("poczta odbiorcy", "temat (np. zamawianie płyty)"), "treść listu", (osoba o imieniu $fio, która podała hasło $pass, wskazała swój adres e-mail - $email, wybrała nośnik opcja $dysk, wskazał, że chce widzieć na dysku następujące kursy: / n kurs tworzenia strony internetowej - $ ch1 / n kurs tworzenia książek $ ch2, wskazał rodzaj dostawy - $ dostawa, wskazał $ add_text jako adres domowy i notatki.)”); ?

Formularz jest gotowy.

Zalecana: