1
00:00:00,930 --> 00:00:06,100
Więc w tym filmie mamy zamiar iść dalej i stworzyć rozwiązanie tego formularza rejestracyjnego.

2
00:00:06,640 --> 00:00:09,360
Więc mam nowy plik będzie go uratować.

3
00:00:09,540 --> 00:00:25,220
Idę zadzwonić tego formularza rejestracyjnego, który HDMI będę używać skrótu wzniosłe i dostać nasz kocioł kocioł będzie płyta.

4
00:00:26,370 --> 00:00:31,010
Więc kiedy mamy do czynienia z tego typu projekt jest sporo miejsca, które moglibyśmy zacząć.

5
00:00:31,260 --> 00:00:47,940
A pierwszą rzeczą, że mam zamiar zrobić to dodać formularz tagen a następnie Jestem również zamiar dodać tę H1 tylko w górę wierzchu tu i Louis umieścić zarejestrować.

6
00:00:48,060 --> 00:00:53,510
Więc chodźmy do przodu i otworzyć nasz formularz rejestracyjny tu i przenieść ją na drugą.

7
00:00:53,970 --> 00:00:59,580
Ok nie całkiem tam jeszcze, ale przynajmniej albo Każdy z nich jest dobrze wyglądać.

8
00:01:00,060 --> 00:01:07,340
Więc wróćmy do wzniosłości i trzymajmy zacznijmy od najprostszych rzeczy powinny być one to najwyższy poziom nakładów.

9
00:01:07,500 --> 00:01:11,670
Imię i nazwisko.

10
00:01:11,670 --> 00:01:13,750
Więc zaczniemy od wejścia.

11
00:01:14,400 --> 00:01:20,370
A ci są typu równa okienek tekstowych.

12
00:01:22,900 --> 00:01:35,640
I dajmy mu zastępczy, który wygląda tak jak powinno być John zróbmy kolejny zastępczy Smith, a potem musimy dać dwie etykiety.

13
00:01:36,120 --> 00:01:39,270
Więc możemy użyć składni dla etykiet.

14
00:01:39,270 --> 00:01:42,970
Zamierzam użyć cztery.

15
00:01:43,260 --> 00:01:48,950
Więc zadzwonię ten pierwszy i będziemy mieć pewność, że otrzymasz identyfikator równą pierwszej kolejności.

16
00:01:50,040 --> 00:01:59,020
A potem ta etykieta powie Imię okrężnicy, które nam daje, że i wtedy trzeba zrobić dokładnie to samo.

17
00:01:59,220 --> 00:02:14,300
Kolejna etykieta ostatniej jednej powiedzieć Nazwisko dwukropek, a następnie musimy dać ten identyfikator równy ostatni.

18
00:02:15,810 --> 00:02:19,200
Warto więc sprawdzić i zobaczyć, co mamy.

19
00:02:19,680 --> 00:02:21,820
Jak na razie dobrze.

20
00:02:21,960 --> 00:02:35,540
Jest jeszcze jedna mała rzecz, że jesteśmy brakującym co jest nie dały te wejścia nazwę tak po prostu dać mu imię pierwsze i wymienić ostatni wielki.

21
00:02:35,550 --> 00:02:37,950
Więc przejdźmy do następnego kawałka tutaj.

22
00:02:38,090 --> 00:02:41,640
Co my właściwie brakuje jednej rzeczy, która jest walidacji.

23
00:02:41,640 --> 00:02:46,540
Tak więc jesteśmy tutaj pamiętać, że imię i nazwisko nie powinno być puste.

24
00:02:46,590 --> 00:02:56,160
Tak więc w tym celu, że jest to bardzo proste, po prostu dodać wymagany atrybut na wejściach wymaganych i ustaw, które by mogło być prawdziwe.

25
00:02:56,340 --> 00:03:01,550
Więc mam zamiar iść do przodu i rozwijać to po prostu tak, że możemy zobaczyć trochę jaśniejsze czym pracujemy dalej.

26
00:03:02,190 --> 00:03:08,320
Więc następną rzeczą, jeśli będziemy konsultować formularz tutaj jest przycisk opcji płci.

27
00:03:08,580 --> 00:03:12,060
Więc musimy mieć trzy przyciski radiowe.

28
00:03:12,210 --> 00:03:18,940
To są input type równa radio.

29
00:03:19,470 --> 00:03:21,600
Trzech z nich.

30
00:03:21,600 --> 00:03:32,300
A jeśli przyjrzymy się, że daje nam pierwszą rzeczą, zobaczysz, że są one zgodne z innymi elementami, które w rzeczywistości nie jest to, co formularz, który ci dałem ma wyglądać.

31
00:03:32,460 --> 00:03:36,870
Więc mamy kilka opcji, aby dostać rzeczy się zachowywać.

32
00:03:36,870 --> 00:03:46,620
Możemy wyrzucić je do ust, jak to tylko dodać odstęp.

33
00:03:46,680 --> 00:03:49,710
Teraz mamy je w osobnej linii.

34
00:03:49,860 --> 00:03:52,840
Ja tylko zamiar użyć div tutaj.

35
00:03:54,330 --> 00:03:56,020
Nie pójdziesz do div.

36
00:03:56,190 --> 00:03:57,940
Nie dość mają taki sam rozstaw.

37
00:03:57,980 --> 00:04:03,600
Akapit ma w teledysku C S rzeczywiście mówić o tym, co jest, że odstępy.

38
00:04:03,960 --> 00:04:15,010
Więc teraz musimy iść dalej i dodać lub etykiety i zanim to zrobimy niech zacząć dać im tę samą nazwę, aby imię będzie płci tutaj.

39
00:04:15,640 --> 00:04:31,080
Idziemy do przodu i powinna była wykorzystać mój skrót tutaj, który ma dowodzić kliknij wiele kursorów więc je dostać nazywania krzyżowego płeć a potem dajmy każdemu z nich wartość.

40
00:04:31,290 --> 00:04:35,460
Więc pierwsza wartość będzie mężczyzną.

41
00:04:35,460 --> 00:04:37,140
Drugi będzie kobietą.

42
00:04:37,140 --> 00:04:40,860
Ten ostatni jest albo i odświeżyć.

43
00:04:41,010 --> 00:04:44,390
Nie widzimy żadnej z tych rzeczy, oczywiście, bo to jest po prostu za kulisami.

44
00:04:44,730 --> 00:04:47,210
Więc co trzeba zrobić, to dodać w naszych etykiet.

45
00:04:47,580 --> 00:04:51,150
Więc będziemy chcieli trzy etykiety.

46
00:04:51,150 --> 00:05:03,750
Pierwszy z nich powiedzą etykietę cztery, a my po prostu nazwać to male teated mamy tutaj.

47
00:05:03,900 --> 00:05:09,470
Nie Colon jest tak właśnie poczta, a następnie Id równa pocztę.

48
00:05:09,940 --> 00:05:11,020
Ta sama rzecz.

49
00:05:11,010 --> 00:05:13,590
Kolejna etykieta tutaj.

50
00:05:13,600 --> 00:05:15,250
Ten będzie kobietą.

51
00:05:15,730 --> 00:05:21,150
A potem będziemy chcieli powiedzieć ID mnie spowodować samicę.

52
00:05:21,490 --> 00:05:25,830
A następnie udać się do powiedzenia ID spowodować samicę.

53
00:05:25,840 --> 00:05:31,130
Więc jak widać budowę tych form robi się trochę nudne czasem.

54
00:05:31,140 --> 00:05:38,940
Masz kilka etykiet i wiele rzeczy bałagan po prostu trzeba być bardzo ostrożnym, że masz wszystko, odpowiadający poprawnie.

55
00:05:38,940 --> 00:05:47,500
Dlatego chcemy, dla innych to znaczy chcemy zrobić identyfikator równy albo.

56
00:05:47,710 --> 00:05:50,500
Więc po prostu sprawdzić w to co mamy.

57
00:05:50,620 --> 00:05:50,910
W porządku.

58
00:05:50,940 --> 00:05:51,980
To wygląda świetnie.

59
00:05:52,000 --> 00:05:55,680
Możemy wybrać tylko jeden, który jest to, co chcemy.

60
00:05:55,720 --> 00:06:01,940
Następną rzeczą, którą możemy przejść do chodźmy naprzód i dodać przycisk przedstawienia na koniec tylko, gdy tu jesteśmy.

61
00:06:01,990 --> 00:06:06,480
Więc to będzie typ wejścia równa kliknij.

62
00:06:07,600 --> 00:06:09,540
I niech po prostu upewnij się, że prace walidacji.

63
00:06:09,730 --> 00:06:13,810
Tak robi świetne w dobrej kondycji.

64
00:06:15,250 --> 00:06:17,930
Więc następnym górę mamy e-mail i pole hasła.

65
00:06:18,310 --> 00:06:20,230
A ci są na nowej linii, jak również.

66
00:06:20,230 --> 00:06:28,640
Więc śmiało i dodać inny div, a my zamierzamy zrobić wejście i tym razem jest to rodzaj równa e-mail.

67
00:06:28,660 --> 00:06:42,400
To nie tylko tekst i zastępczy tutaj był Twój e-mail, który nie jest wprawdzie najlepszy tekst zastępczy ale będziemy trzymać się tego obrazu upewnij się, kierujemy się zadania.

68
00:06:42,390 --> 00:06:53,940
Więc input type jest e-mail zastępczy jest Twój adres e-mail, a następnie mamy jeszcze jeden o hasło i to daje nam dwa wejścia.

69
00:06:54,310 --> 00:07:01,550
Następna w kolejce możemy albo iść z nazwą, tak aby po prostu powiedzieć, nazwa jest tu email Członkowskim w przypadku jesteś zdezorientowany.

70
00:07:01,690 --> 00:07:12,480
To imię jest wykorzystywane wyłącznie za kulisy, aby dowiedzieć się, jak wysyłać dane, co powinniśmy wysłać dane we wniosku pod Jaka jest nazwa tego.

71
00:07:12,580 --> 00:07:16,520
W tym przypadku możemy wpisać cokolwiek w tej dziedzinie, tak będzie nazywany e-mail.

72
00:07:16,870 --> 00:07:19,300
Więc nie widzimy żadnego wpływu na wszelki wypadek.

73
00:07:19,310 --> 00:07:24,200
Ja sądzę, że to jest jeden z bardziej kłopotliwych części, ponieważ nie jest bardzo wizualne.

74
00:07:24,670 --> 00:07:30,750
Więc ten jeden powie imię było hasło, a potem idziemy do przodu i dodać lub etykiety.

75
00:07:30,940 --> 00:07:41,390
Więc po prostu zmieszać go tu użyję innego rodzaju etykiety, która jest gdzie gniazdo dane wewnątrz samej etykiecie.

76
00:07:41,560 --> 00:07:49,800
Więc powie e-mail zamiast dwukropka i czwartego składni identyfikatora.

77
00:07:49,810 --> 00:07:56,520
Działają one tak samo zróbmy e-mail i hasło.

78
00:07:57,060 --> 00:07:58,490
Bądźmy bardzo precyzyjne.

79
00:07:58,690 --> 00:08:00,360
Istnieje dwukropek na obu z nich.

80
00:08:00,370 --> 00:08:00,920
Wspaniały.

81
00:08:01,210 --> 00:08:13,330
Ale z zastrzeżeniem, że i tam jest jeszcze jedna rzecz, którą powinniśmy się przyjrzeć i zobaczyć, są walidacji są na miejscu wypełnić tę w.

82
00:08:13,750 --> 00:08:15,130
Nie.

83
00:08:16,060 --> 00:08:20,670
Więc jedna rzecz, że brakuje nam to musimy wymagać e-mail.

84
00:08:21,510 --> 00:08:30,170
Więc musimy udać się do naszego e-mail i dodaj wymagane teraz odświeżyć wypełnić je na zewnątrz.

85
00:08:30,580 --> 00:08:35,000
Wyjeżdżamy e-mail puste, jeśli wpiszemy w nieważnej e-mail.

86
00:08:35,010 --> 00:08:36,640
Otrzymujemy ten błąd.

87
00:08:37,260 --> 00:08:39,350
Wspaniały.

88
00:08:39,510 --> 00:08:41,940
Więc jak na razie wszystko wygląda dobrze.

89
00:08:41,950 --> 00:08:47,670
Mamy zamiar wrócić do sprawdzania haseł premii na koniec, zanim tam dotrzemy.

90
00:08:47,670 --> 00:08:50,780
Przejdźmy do urodzin wybierz.

91
00:08:50,920 --> 00:08:53,140
Więc trzy rozwijane menu.

92
00:08:53,500 --> 00:09:02,920
Więc znowu można dodać inny div i tym razem, w tym dział zamierzamy dodać trzy różne wybiera.

93
00:09:02,980 --> 00:09:06,920
Tak jeden, dwa, trzy.

94
00:09:07,240 --> 00:09:13,070
Zacznijmy od tego pierwszego, które ma cztery miesiące i chodźmy naprzód i zacząć etykiecie.

95
00:09:13,120 --> 00:09:15,620
Jest tylko jedna etykieta tutaj wszystkiego.

96
00:09:16,000 --> 00:09:31,330
Więc wiesz, jak to zrobić tej etykiety i umieścić wszystkie trzy przedmioty wewnątrz i etykieta ta powie urodziny i to będzie wyglądać.

97
00:09:31,330 --> 00:09:41,450
Więc jeśli widzimy co mamy mamy trzy wejścia są trzy etykiety i wszystko, co musimy zrobić, to dodać w odpowiednich danych wewnątrz.

98
00:09:41,470 --> 00:09:44,380
Więc to banda opcji.

99
00:09:44,400 --> 00:09:49,420
Więc pierwsza chodźmy naprzód i dodaj Idę zrobić dwa lub trzy tutaj tak będzie to od miesięcy.

100
00:09:49,410 --> 00:09:53,950
Więc zrobimy sty i marcu.

101
00:09:55,760 --> 00:09:58,290
Kolejny zrobić to samo.

102
00:09:58,330 --> 00:10:02,240
Zaledwie kilka opcji i to będzie za dzień.

103
00:10:02,250 --> 00:10:03,240
Więc zaczniemy.

104
00:10:03,430 --> 00:10:07,430
Zróbmy dwucyfrowy dzień 10 11 i 12.

105
00:10:07,620 --> 00:10:09,600
A ostatni będzie rokiem.

106
00:10:10,180 --> 00:10:17,640
Wystarczy zrobić trzy raz i zróbmy 1999 2000 2001.

107
00:10:19,060 --> 00:10:19,590
Wspaniały.

108
00:10:19,810 --> 00:10:22,310
I widać mamy nasze spadła tutaj.

109
00:10:22,330 --> 00:10:31,220
Jest jedna mała różnica, która jest jednak, że nasz zacząć od razu ze styczniem i numerów oraz roku.

110
00:10:31,690 --> 00:10:38,090
Ale ten, który ci dałem zaczyna się z dniem miesiąca i roku.

111
00:10:38,320 --> 00:10:40,150
Więc jest kilka sposobów na osiągnięcie tego.

112
00:10:40,180 --> 00:11:01,870
Najprostszym z nich jest po prostu sprawiają, że pierwszy wariant powiedzieć miesiące dzień i rok, a przez to robić HDMI zostanie formularz po prostu wybiera bardzo pierwszą opcję i postanawia, że ​​wartości początkowej.

113
00:11:02,080 --> 00:11:05,050
Więc to jest najczęstszym sposobem na osiągnięcie tego celu.

114
00:11:05,350 --> 00:11:08,040
Teraz nasza firma wygląda całkiem dobrze.

115
00:11:08,050 --> 00:11:38,050
Musimy po prostu nasz ostateczny Zgadzam się Warunki i wyboru więc możemy dodać kolejną div tutaj i to jest to właściwie ostateczna div zamiast niej mamy zamiar zacznijmy etykiecie tym razem zróbmy czterech połączeń i ten jeden LET'S nazwijmy to zgodził.

116
00:11:38,370 --> 00:12:00,310
Zgodziłem się z warunkami, a potem następną rzeczą, że musimy to nasza taśma wejście wywołuje pole dajmy mu identyfikator, bo zgodził się i nazwisko, a także uzgodnione.

117
00:12:01,120 --> 00:12:05,970
I to, co otrzymujemy wygląda dobrze do mnie.

118
00:12:06,000 --> 00:12:11,690
Więc jedna rzecz, że trzeba też dodać naszych wybranych tagów to nazwa.

119
00:12:11,910 --> 00:12:22,660
Więc po prostu zadzwonić w tym miesiącu, a to jeden dzień i ten będzie tutaj.

120
00:12:23,590 --> 00:12:36,350
I pamiętaj, że jeśli nie chcemy w styczniu i Fab i Mar być tym, czym faktycznie wysyłane za pośrednictwem gdyby chciał to być coś innego jak numer odpowiadający chcielibyśmy umieścić wartość tutaj.

121
00:12:36,370 --> 00:12:40,030
Więc Jan możemy umieścić wartość 1 w tym przypadku.

122
00:12:40,090 --> 00:12:41,850
Nic mi o tylko o sty tam.

123
00:12:41,860 --> 00:12:45,130
I nie określił, jak musi się zachowywać.

124
00:12:45,930 --> 00:12:48,670
Więc wracamy tutaj wygląda całkiem dobrze.

125
00:12:48,660 --> 00:12:50,700
Wszystko wygląda tak samo.

126
00:12:50,710 --> 00:12:57,230
Ostatnią rzeczą naprawdę musimy omówić to rzeczywista poprawności hasła.

127
00:12:57,370 --> 00:13:00,680
Tak, chcę po prostu pokazać, jak można go o znalezienie tego.

128
00:13:00,700 --> 00:13:09,860
Więc ja po prostu się otworzyć HMO sprawdzanie długości i spróbujmy tego.

129
00:13:10,930 --> 00:13:13,560
Jak widać mam właściwie już tutaj.

130
00:13:13,840 --> 00:13:17,980
To jest coś musiałem patrzeć niedawno i to wygląda.

131
00:13:17,980 --> 00:13:21,050
Więc to jest przepełnienie stosu przy okazji, jeśli nie widziałem tego wcześniej.

132
00:13:21,070 --> 00:13:23,850
Pozwala to ktoś zadać pytanie.

133
00:13:24,510 --> 00:13:30,000
Czy istnieje inny atrybut wiekiem go tam za pomocą którego można ustawić minimalną długość wartości dla pól.

134
00:13:30,370 --> 00:13:35,160
A potem ludzie udzielają odpowiedzi i najwyższa głosowali odpowiedzi pojawiają się w pierwszej kolejności.

135
00:13:35,530 --> 00:13:40,590
Więc ta odpowiedź mówi, można użyć atrybutu wzór konieczna jest również wymagany atrybut.

136
00:13:40,690 --> 00:13:44,770
W przeciwnym razie pole wejściowe z pustym wartości zostaną wykluczone z walidacji ograniczającej.

137
00:13:45,000 --> 00:13:45,770
OK.

138
00:13:46,210 --> 00:13:48,960
Tak wygląda to wszystko, czego potrzebujemy.

139
00:13:49,690 --> 00:13:55,500
Więc to jest wejście dajemy go wzór równa to dziwne patrząc rzeczy.

140
00:13:56,440 --> 00:13:59,050
I wtedy wymagane, a następnie ten tytuł.

141
00:13:59,110 --> 00:14:05,230
Więc zanim jeszcze zapytać, co to w ogóle jest i co to pięć Wspólna 10 robi.

142
00:14:05,230 --> 00:14:06,640
Powiedzmy po prostu zobaczyć.

143
00:14:06,630 --> 00:14:10,620
Więc śmiało znaleźć nasze hasło i to dużo co.

144
00:14:10,620 --> 00:14:15,940
Jako deweloper jest to dużo kopiowania i wklejania pewne rzeczy lub znalezieniu jakiegoś kodu i szczypanie go.

145
00:14:16,450 --> 00:14:21,250
Więc musimy sprawić, aby ten pasuje to, co mamy, która jest nazwą wejście jest typu hasła, ponieważ hasło.

146
00:14:21,460 --> 00:14:27,340
Tak właśnie dzieje się skopiować te trzy cechy.

147
00:14:27,340 --> 00:14:33,020
Więc teraz musimy wpisać jego hasło wzór jest pięć i 10 wymagane.

148
00:14:33,340 --> 00:14:36,670
A Tytuł wynosi od pięciu do 10 znaków.

149
00:14:36,760 --> 00:14:41,190
Zobaczmy więc, co to ma odświeżyć.

150
00:14:41,400 --> 00:14:45,180
Upewnij się, że mamy wszystko wypełnione.

151
00:14:45,630 --> 00:14:48,740
I kliknij złożyć i mówi mi, prosimy o wypełnienie tego pola.

152
00:14:48,820 --> 00:14:57,310
Pięć do 10 znaków i typu 2 i 3 oraz typ więcej niż 10 nie działa.

153
00:14:57,580 --> 00:15:01,290
Ale gdybym wpisać pięć lub sześć to działa.

154
00:15:01,300 --> 00:15:03,520
Więc przyjrzyjmy się nieco więcej.

155
00:15:03,550 --> 00:15:05,170
Zacznijmy od tego jak tutaj.

156
00:15:05,320 --> 00:15:07,080
Zmieńmy to być.

157
00:15:07,480 --> 00:15:18,450
Hasło musi zawierać od pięciu do 10 znaków i odświeżyć.

158
00:15:18,490 --> 00:15:22,300
Upewnij się wypełnić wszystko inne, dzięki czemu możemy uzyskać ten błąd.

159
00:15:22,890 --> 00:15:30,670
I klikam złożyć i widać, że otrzymuję komunikat, że mamy ustawione hasło musi mieć od 5 do 10 znaków.

160
00:15:31,480 --> 00:15:33,620
Tak to właśnie ten tytuł to robi.

161
00:15:33,820 --> 00:15:36,710
Jest to w zasadzie się komunikat o błędzie, który jest wyświetlany.

162
00:15:37,410 --> 00:15:52,120
Tak więc druga nowa część jest ten wzór i jest to co prawda trochę dziwne, ale przy użyciu tej składni jesteśmy po prostu określającą długość szeregu pełnej długości, który jest do zaakceptowania dla tego wejścia.

163
00:15:52,120 --> 00:16:10,670
Jeśli więc zmienić to być 02:58 przesłać nadal nie dopuszczalne nich nie do przyjęcia, ale dwa to dopuszczalne.

164
00:16:11,470 --> 00:16:15,460
Więc to jest po prostu definiując zakres lub wzorzec, że musimy podążać.

165
00:16:15,930 --> 00:16:23,350
Więc nie jest na pewno więcej do tego można robić inne rzeczy oprócz minimalnej długości lub różnych długościach, ale to wszystko, co potrzebne do znalezienia tutaj.

166
00:16:23,350 --> 00:16:27,660
Jeśli nie byli w stanie stwierdzić, że nie panikuj to jeszcze bardzo wcześnie.

167
00:16:27,820 --> 00:16:32,110
Ale nie będą więcej możliwości, aby próbować takich rzeczy.

168
00:16:32,160 --> 00:16:45,860
Więc mam pełne rozwiązanie, które napisałem do których wypełnienie jest tym, że ma pełny dzień i rok i miesiąc wejść i widać, że to trochę bałaganu.

169
00:16:45,900 --> 00:16:50,790
Nie piszę tego ręcznie, a nie oczekiwać, aby napisać to ręcznie albo.

170
00:16:51,100 --> 00:16:53,940
Więc zobaczymy jak faktycznie wygenerować to później w klasie.

171
00:16:53,950 --> 00:16:58,120
Można użyć javascript, aby zrobić to za ciebie, więc nie mamy do napisania tego wyłączyć.

172
00:16:58,450 --> 00:16:59,580
Więc spójrz na rozwiązania.