W porządku.
Tak więc w ciągu najbliższych kilku filmach mamy zamiar skupić się na każdej drużynie wszelkie formy tak formy są jak pobrać dane wejściowe od użytkownika, czy jest to, aby zarejestrować się na stronie, aby wypowiedzieć się na zdjęcie, aby załadować zdjęcie, aby wybrać kolor, aby wybrać randka.
Jest tak wiele różnych rzeczy do zrobienia z formami i to jest rzeczywiście stosunkowo proste i krawędziach go.
Jest tylko dwa ważne elementy, które mamy zamiar dowiedzieć się tutaj.
Więc mamy zamiar skupić się na tagu formularza tag wejściowy tag etykiety, a następnie mamy również zamiar skończyć poprzez poznanie walidacji dla naszych danych Jak możemy się upewnić ktoś wypełnia część reformy.
Ktoś nie może zostawić puste lub e-mail hasło puste lub coś w tym stylu.
Więc zacząć niech po prostu wziąć szybki przegląd niektórych formach można napotkać w codziennym życiu.
Więc mam kilka zdjęć tutaj ze stron takich jak Twitter Facebook Google.
Rzućmy okiem i złamać niektóre z nich w dół.
Więc oto dziennik w formie na Facebooku.
Mamy miejsce, w którym możemy wpisać jakiś tekst w tekście i umieścić kolejną wejście gdzie wpisać hasła w.
Najprawdopodobniej podczas wpisywania hasła nie jest to przerywana dół, więc nie faktycznie zobaczyć hasło.
A potem wyboru.
A kiedy kliknij ten przycisk, podnosi ona całą tę rzecz.
Tak więc grupy te razem.
Nie mamy jeden przycisk na e-mail jednego przycisku o hasło jednego przycisku na polu wyboru.
Wszystko idzie na raz.
Tak samo tutaj, kiedy się zarejestrować.
Mamy więcej wejść pięć różnych wejść tekstowych trzy różne menu rozwijanego.
Są to tak zwane znaczniki, a następnie wybierz dwie rzeczy nazywane przyciski radiowe.
I wreszcie przycisk Zapisz się, że zajmie to wszystko i wysłać go gdzieś na Facebook użyć.
Więc co mamy zamiar nauczyć dzisiaj jest tag zagranicznej i te formy będą trochę głupie.
Nie będziemy właściwie nic.
Musimy rzeczywiście mają backend skonfigurować.
Musimy bazy danych potrzebujemy trochę logiki i trochę z powrotem kod zakończenia, aby zrobić coś z formularza.
Więc teraz jesteś po prostu będzie wyglądać to będzie w stanie odtworzyć tego.
Jednak po kliknięciu zarejestrować lub zalogować się lub kliknij wyszukiwania w google nasze fora są rzeczywiście zrobi żadnej z tą logiką.
Oni tylko będzie przednia użytkownik stoi część rzeczy.
Tak więc pierwszą rzeczą jest tag forum.
Więc tag forum jest w zasadzie powłoki lub kontener dla wszystkich tych różnych typów wejść.
Jest to więc jeden tag Forum wokół tego wszystkiego.
Może to być jeden znacznik formy wokół wszystkich tych i tak dalej.
Oto kolejna forma tag po prostu czyni tag forum nie faktycznie cokolwiek zobaczyć na stronie.
Zobaczymy, że w ciągu zaledwie sekundy.
W zasadzie to tylko kontener i kładziemy wszystkie nasze różnych wejść tam.
Więc pól i przycisków i menu i spadła na kolorowych zdjęciach wszyscy pójdziemy wewnątrz utworzonego jaja.
Tak więc istnieją dwa ważne atrybuty będą spędzać więcej czasu z tym, gdy mamy do zaplecza.
Więc nie dajcie się rozłączyła się dokładnie, jak to działa, ale forma ma zamiar wysłać żądanie gdzieś wysyła dane z formularza do serwera gdzieś.
Tak więc pierwsza część działań będzie określić, gdzie wysłać dane.
Czy będzie Google.
Ma zamiar założyć stronę to będzie się wylogować mamy zamiar nauczyć się dużo więcej o tym, jak rzeczywiście to zrobić na tylnej części końcowej tej klasie.
A potem druga część jest, jakiego rodzaju żądanie HSDPA do wysłania.
Więc moglibyśmy wysłać żądanie GET lub możemy wysłać żądanie POST.
I znowu jest to kolejna rzecz, którą masz zamiar spędzić dużo więcej czasu na.
Ale prosta wersja uogólniona wykonujemy żądanie GET, gdy robimy coś takiego wyszukiwania lub pobierania danych Próbujemy uzyskać informacje i złożyć zamówienie post, kiedy mamy do wysyłania danych, które chcemy być dodawane do bazy danych zamieszczonych do serwera.
Więc w tych przykładach to tutaj podczas wyszukiwania w Google trafisz enter lub kliknij i szukaj, że zamierza dokonać zamówienia.
To nie jest właściwie dodawania czegokolwiek do bazy danych.
To nie wszystko się zmienia.
Jest czysto dopiero się dane z powrotem poszukiwania.
Robi się dane to żądanie GET.
Są tu jednak, aby zapisać się na Facebook lub zapisać się na Twitterze.
Ci będą żądania POST po wpisaniu danych i kliknij zapisz się zajmuje swoje dane i faktycznie dodaje go do bazy Twittera.
Więc znowu mamy zamiar faktycznie pracują na tym trochę później w tej klasie.
Więc teraz po prostu znane z działania i sposobu oraz fakt, że istnieją.
Więc tag wejściowy jest co faktycznie idzie wewnątrz naszych formach.
To, co się dzieje na tworzenie różnych danych, które widzimy tu wprowadzania tekstu wejście hasło przycisku radiowego.
To faktycznie nie stworzyć menu rozwijane.
Więc porozmawiamy o tym w późniejszym wykonywaniu ale tworzy wszelkiego rodzaju różnych wejść do wprowadzania danych przez użytkownika.
Więc mam tu kilka przykładów.
Oni wszyscy są dokładnie takie same, z wyjątkiem tego atrybutu type.
Więc jeśli typ równa tekst otrzymujemy rodzaj pole tekstowe równa datę.
Otrzymasz ten mały typ wyboru daty równy kolor.
Dostajesz Color Picker plik Eiffla w Dostajemy kompletacji typ pliku wyboru w marynacie.
Otrzymujemy pole.
Więc jestem naprawdę zamiar podciągnąć endian i szukać wejścia.
I jak ja, że ​​zobaczysz, jak przejść do atrybutów na podstawie typu jest lista wszystkich możliwych typów, które możemy określić.
I nie chodzi o 30 lub 40 z nich tutaj.
I szczerze mówiąc nie ma wiele tutaj, że prawdopodobnie nigdy nie będzie musiał użyć.
Ale istnieje kilka, które używasz cały czas.
I tak mamy zamiar się skupić na tych.
To są rzeczy takie jak e-mail tekst data hasło przycisku submit następnie niektóre z nich, takie jak inne barwy.
Nie możesz używać bardzo często w ogóle.
Na pewno szkoda, że ​​nie miał więcej okazji do zrobienia zdjęcia kolorów.
To moja ulubiona wejść, ale chcę, aby zdawać sobie sprawę, że istnieje wiele różnych wyborów tutaj.
Tak więc, aby formularz po prostu wziąć tag formularz i wypełnić go z niektórych tagów wejściowych.
Więc tutaj jest bardzo prosty przykład.
Mamy dwa wejścia.
Równa hasło Wpisz tekst w marynacie, a to sprawia, że ​​nam ten piękny formularz tutaj.
I można zobaczyć, jak wypełnić ten pierwszy typ równa tekst to po prostu wygląda jak zwykły tekst.
A jak wypełnić typ równa hasło daje tylko te przerywana ukryte pola hasła.