1
00:00:01,200 --> 00:00:01,520
W porządku.

2
00:00:01,530 --> 00:00:14,910
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.

3
00:00:14,940 --> 00:00:19,840
Jest tak wiele różnych rzeczy do zrobienia z formami i to jest rzeczywiście stosunkowo proste i krawędziach go.

4
00:00:19,840 --> 00:00:23,450
Jest tylko dwa ważne elementy, które mamy zamiar dowiedzieć się tutaj.

5
00:00:24,270 --> 00:00:36,600
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.

6
00:00:36,600 --> 00:00:41,860
Ktoś nie może zostawić puste lub e-mail hasło puste lub coś w tym stylu.

7
00:00:41,910 --> 00:00:46,900
Więc zacząć niech po prostu wziąć szybki przegląd niektórych formach można napotkać w codziennym życiu.

8
00:00:46,980 --> 00:00:51,330
Więc mam kilka zdjęć tutaj ze stron takich jak Twitter Facebook Google.

9
00:00:51,690 --> 00:00:54,280
Rzućmy okiem i złamać niektóre z nich w dół.

10
00:00:54,300 --> 00:00:57,420
Więc oto dziennik w formie na Facebooku.

11
00:00:57,600 --> 00:01:04,050
Mamy miejsce, w którym możemy wpisać jakiś tekst w tekście i umieścić kolejną wejście gdzie wpisać hasła w.

12
00:01:04,140 --> 00:01:08,190
Najprawdopodobniej podczas wpisywania hasła nie jest to przerywana dół, więc nie faktycznie zobaczyć hasło.

13
00:01:08,340 --> 00:01:09,990
A potem wyboru.

14
00:01:10,260 --> 00:01:14,500
A kiedy kliknij ten przycisk, podnosi ona całą tę rzecz.

15
00:01:14,640 --> 00:01:16,160
Tak więc grupy te razem.

16
00:01:16,290 --> 00:01:20,370
Nie mamy jeden przycisk na e-mail jednego przycisku o hasło jednego przycisku na polu wyboru.

17
00:01:20,370 --> 00:01:22,110
Wszystko idzie na raz.

18
00:01:22,110 --> 00:01:23,910
Tak samo tutaj, kiedy się zarejestrować.

19
00:01:23,910 --> 00:01:29,560
Mamy więcej wejść pięć różnych wejść tekstowych trzy różne menu rozwijanego.

20
00:01:29,580 --> 00:01:33,790
Są to tak zwane znaczniki, a następnie wybierz dwie rzeczy nazywane przyciski radiowe.

21
00:01:34,050 --> 00:01:40,760
I wreszcie przycisk Zapisz się, że zajmie to wszystko i wysłać go gdzieś na Facebook użyć.

22
00:01:41,100 --> 00:01:48,450
Więc co mamy zamiar nauczyć dzisiaj jest tag zagranicznej i te formy będą trochę głupie.

23
00:01:48,450 --> 00:01:51,730
Nie będziemy właściwie nic.

24
00:01:51,870 --> 00:01:53,940
Musimy rzeczywiście mają backend skonfigurować.

25
00:01:53,950 --> 00:01:58,050
Musimy bazy danych potrzebujemy trochę logiki i trochę z powrotem kod zakończenia, aby zrobić coś z formularza.

26
00:01:58,050 --> 00:02:02,450
Więc teraz jesteś po prostu będzie wyglądać to będzie w stanie odtworzyć tego.

27
00:02:02,640 --> 00:02:09,790
Jednak po kliknięciu zarejestrować lub zalogować się lub kliknij wyszukiwania w google nasze fora są rzeczywiście zrobi żadnej z tą logiką.

28
00:02:10,110 --> 00:02:13,550
Oni tylko będzie przednia użytkownik stoi część rzeczy.

29
00:02:13,950 --> 00:02:15,780
Tak więc pierwszą rzeczą jest tag forum.

30
00:02:16,080 --> 00:02:22,920
Więc tag forum jest w zasadzie powłoki lub kontener dla wszystkich tych różnych typów wejść.

31
00:02:22,920 --> 00:02:26,710
Jest to więc jeden tag Forum wokół tego wszystkiego.

32
00:02:26,910 --> 00:02:30,570
Może to być jeden znacznik formy wokół wszystkich tych i tak dalej.

33
00:02:30,570 --> 00:02:36,030
Oto kolejna forma tag po prostu czyni tag forum nie faktycznie cokolwiek zobaczyć na stronie.

34
00:02:36,240 --> 00:02:38,270
Zobaczymy, że w ciągu zaledwie sekundy.

35
00:02:38,280 --> 00:02:41,630
W zasadzie to tylko kontener i kładziemy wszystkie nasze różnych wejść tam.

36
00:02:41,640 --> 00:02:47,540
Więc pól i przycisków i menu i spadła na kolorowych zdjęciach wszyscy pójdziemy wewnątrz utworzonego jaja.

37
00:02:48,090 --> 00:02:52,560
Tak więc istnieją dwa ważne atrybuty będą spędzać więcej czasu z tym, gdy mamy do zaplecza.

38
00:02:52,770 --> 00:03:01,980
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ś.

39
00:03:02,040 --> 00:03:06,840
Tak więc pierwsza część działań będzie określić, gdzie wysłać dane.

40
00:03:07,320 --> 00:03:08,550
Czy będzie Google.

41
00:03:08,580 --> 00:03:16,570
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.

42
00:03:16,800 --> 00:03:21,180
A potem druga część jest, jakiego rodzaju żądanie HSDPA do wysłania.

43
00:03:21,780 --> 00:03:25,230
Więc moglibyśmy wysłać żądanie GET lub możemy wysłać żądanie POST.

44
00:03:25,800 --> 00:03:28,930
I znowu jest to kolejna rzecz, którą masz zamiar spędzić dużo więcej czasu na.

45
00:03:29,130 --> 00:03:45,770
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.

46
00:03:45,780 --> 00:03:54,070
Więc w tych przykładach to tutaj podczas wyszukiwania w Google trafisz enter lub kliknij i szukaj, że zamierza dokonać zamówienia.

47
00:03:54,180 --> 00:03:56,160
To nie jest właściwie dodawania czegokolwiek do bazy danych.

48
00:03:56,160 --> 00:03:57,770
To nie wszystko się zmienia.

49
00:03:57,840 --> 00:04:00,630
Jest czysto dopiero się dane z powrotem poszukiwania.

50
00:04:00,710 --> 00:04:03,070
Robi się dane to żądanie GET.

51
00:04:03,450 --> 00:04:08,420
Są tu jednak, aby zapisać się na Facebook lub zapisać się na Twitterze.

52
00:04:08,460 --> 00:04:17,370
Ci będą żądania POST po wpisaniu danych i kliknij zapisz się zajmuje swoje dane i faktycznie dodaje go do bazy Twittera.

53
00:04:17,370 --> 00:04:21,860
Więc znowu mamy zamiar faktycznie pracują na tym trochę później w tej klasie.

54
00:04:21,990 --> 00:04:26,440
Więc teraz po prostu znane z działania i sposobu oraz fakt, że istnieją.

55
00:04:26,640 --> 00:04:30,480
Więc tag wejściowy jest co faktycznie idzie wewnątrz naszych formach.

56
00:04:30,600 --> 00:04:38,120
To, co się dzieje na tworzenie różnych danych, które widzimy tu wprowadzania tekstu wejście hasło przycisku radiowego.

57
00:04:38,190 --> 00:04:40,020
To faktycznie nie stworzyć menu rozwijane.

58
00:04:40,020 --> 00:04:46,580
Więc porozmawiamy o tym w późniejszym wykonywaniu ale tworzy wszelkiego rodzaju różnych wejść do wprowadzania danych przez użytkownika.

59
00:04:46,620 --> 00:04:48,840
Więc mam tu kilka przykładów.

60
00:04:48,900 --> 00:04:53,130
Oni wszyscy są dokładnie takie same, z wyjątkiem tego atrybutu type.

61
00:04:53,310 --> 00:04:57,210
Więc jeśli typ równa tekst otrzymujemy rodzaj pole tekstowe równa datę.

62
00:04:57,290 --> 00:04:59,970
Otrzymasz ten mały typ wyboru daty równy kolor.

63
00:05:00,270 --> 00:05:04,230
Dostajesz Color Picker plik Eiffla w Dostajemy kompletacji typ pliku wyboru w marynacie.

64
00:05:04,260 --> 00:05:05,680
Otrzymujemy pole.

65
00:05:05,850 --> 00:05:11,110
Więc jestem naprawdę zamiar podciągnąć endian i szukać wejścia.

66
00:05:11,110 --> 00:05:20,970
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ć.

67
00:05:21,550 --> 00:05:23,440
I nie chodzi o 30 lub 40 z nich tutaj.

68
00:05:23,790 --> 00:05:27,800
I szczerze mówiąc nie ma wiele tutaj, że prawdopodobnie nigdy nie będzie musiał użyć.

69
00:05:28,110 --> 00:05:30,810
Ale istnieje kilka, które używasz cały czas.

70
00:05:30,810 --> 00:05:32,660
I tak mamy zamiar się skupić na tych.

71
00:05:32,700 --> 00:05:40,750
To są rzeczy takie jak e-mail tekst data hasło przycisku submit następnie niektóre z nich, takie jak inne barwy.

72
00:05:41,040 --> 00:05:43,830
Nie możesz używać bardzo często w ogóle.

73
00:05:43,830 --> 00:05:46,120
Na pewno szkoda, że ​​nie miał więcej okazji do zrobienia zdjęcia kolorów.

74
00:05:46,130 --> 00:05:53,820
To moja ulubiona wejść, ale chcę, aby zdawać sobie sprawę, że istnieje wiele różnych wyborów tutaj.

75
00:05:53,820 --> 00:05:59,060
Tak więc, aby formularz po prostu wziąć tag formularz i wypełnić go z niektórych tagów wejściowych.

76
00:05:59,160 --> 00:06:00,960
Więc tutaj jest bardzo prosty przykład.

77
00:06:00,960 --> 00:06:02,230
Mamy dwa wejścia.

78
00:06:02,360 --> 00:06:06,830
Równa hasło Wpisz tekst w marynacie, a to sprawia, że ​​nam ten piękny formularz tutaj.

79
00:06:07,140 --> 00:06:12,190
I można zobaczyć, jak wypełnić ten pierwszy typ równa tekst to po prostu wygląda jak zwykły tekst.

80
00:06:12,280 --> 00:06:17,550
A jak wypełnić typ równa hasło daje tylko te przerywana ukryte pola hasła.