Więc w tym filmie mamy zamiar iść dalej i stworzyć rozwiązanie tego formularza rejestracyjnego.
Więc mam nowy plik będzie go uratować.
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.
Więc kiedy mamy do czynienia z tego typu projekt jest sporo miejsca, które moglibyśmy zacząć.
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ć.
Więc chodźmy do przodu i otworzyć nasz formularz rejestracyjny tu i przenieść ją na drugą.
Ok nie całkiem tam jeszcze, ale przynajmniej albo Każdy z nich jest dobrze wyglądać.
Więc wróćmy do wzniosłości i trzymajmy zacznijmy od najprostszych rzeczy powinny być one to najwyższy poziom nakładów.
Imię i nazwisko.
Więc zaczniemy od wejścia.
A ci są typu równa okienek tekstowych.
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.
Więc możemy użyć składni dla etykiet.
Zamierzam użyć cztery.
Więc zadzwonię ten pierwszy i będziemy mieć pewność, że otrzymasz identyfikator równą pierwszej kolejności.
A potem ta etykieta powie Imię okrężnicy, które nam daje, że i wtedy trzeba zrobić dokładnie to samo.
Kolejna etykieta ostatniej jednej powiedzieć Nazwisko dwukropek, a następnie musimy dać ten identyfikator równy ostatni.
Warto więc sprawdzić i zobaczyć, co mamy.
Jak na razie dobrze.
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.
Więc przejdźmy do następnego kawałka tutaj.
Co my właściwie brakuje jednej rzeczy, która jest walidacji.
Tak więc jesteśmy tutaj pamiętać, że imię i nazwisko nie powinno być puste.
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.
Więc mam zamiar iść do przodu i rozwijać to po prostu tak, że możemy zobaczyć trochę jaśniejsze czym pracujemy dalej.
Więc następną rzeczą, jeśli będziemy konsultować formularz tutaj jest przycisk opcji płci.
Więc musimy mieć trzy przyciski radiowe.
To są input type równa radio.
Trzech z nich.
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ć.
Więc mamy kilka opcji, aby dostać rzeczy się zachowywać.
Możemy wyrzucić je do ust, jak to tylko dodać odstęp.
Teraz mamy je w osobnej linii.
Ja tylko zamiar użyć div tutaj.
Nie pójdziesz do div.
Nie dość mają taki sam rozstaw.
Akapit ma w teledysku C S rzeczywiście mówić o tym, co jest, że odstępy.
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.
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ść.
Więc pierwsza wartość będzie mężczyzną.
Drugi będzie kobietą.
Ten ostatni jest albo i odświeżyć.
Nie widzimy żadnej z tych rzeczy, oczywiście, bo to jest po prostu za kulisami.
Więc co trzeba zrobić, to dodać w naszych etykiet.
Więc będziemy chcieli trzy etykiety.
Pierwszy z nich powiedzą etykietę cztery, a my po prostu nazwać to male teated mamy tutaj.
Nie Colon jest tak właśnie poczta, a następnie Id równa pocztę.
Ta sama rzecz.
Kolejna etykieta tutaj.
Ten będzie kobietą.
A potem będziemy chcieli powiedzieć ID mnie spowodować samicę.
A następnie udać się do powiedzenia ID spowodować samicę.
Więc jak widać budowę tych form robi się trochę nudne czasem.
Masz kilka etykiet i wiele rzeczy bałagan po prostu trzeba być bardzo ostrożnym, że masz wszystko, odpowiadający poprawnie.
Dlatego chcemy, dla innych to znaczy chcemy zrobić identyfikator równy albo.
Więc po prostu sprawdzić w to co mamy.
W porządku.
To wygląda świetnie.
Możemy wybrać tylko jeden, który jest to, co chcemy.
Następną rzeczą, którą możemy przejść do chodźmy naprzód i dodać przycisk przedstawienia na koniec tylko, gdy tu jesteśmy.
Więc to będzie typ wejścia równa kliknij.
I niech po prostu upewnij się, że prace walidacji.
Tak robi świetne w dobrej kondycji.
Więc następnym górę mamy e-mail i pole hasła.
A ci są na nowej linii, jak również.
Więc śmiało i dodać inny div, a my zamierzamy zrobić wejście i tym razem jest to rodzaj równa e-mail.
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.
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.
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.
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.
W tym przypadku możemy wpisać cokolwiek w tej dziedzinie, tak będzie nazywany e-mail.
Więc nie widzimy żadnego wpływu na wszelki wypadek.
Ja sądzę, że to jest jeden z bardziej kłopotliwych części, ponieważ nie jest bardzo wizualne.
Więc ten jeden powie imię było hasło, a potem idziemy do przodu i dodać lub etykiety.
Więc po prostu zmieszać go tu użyję innego rodzaju etykiety, która jest gdzie gniazdo dane wewnątrz samej etykiecie.
Więc powie e-mail zamiast dwukropka i czwartego składni identyfikatora.
Działają one tak samo zróbmy e-mail i hasło.
Bądźmy bardzo precyzyjne.
Istnieje dwukropek na obu z nich.
Wspaniały.
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.
Nie.
Więc jedna rzecz, że brakuje nam to musimy wymagać e-mail.
Więc musimy udać się do naszego e-mail i dodaj wymagane teraz odświeżyć wypełnić je na zewnątrz.
Wyjeżdżamy e-mail puste, jeśli wpiszemy w nieważnej e-mail.
Otrzymujemy ten błąd.
Wspaniały.
Więc jak na razie wszystko wygląda dobrze.
Mamy zamiar wrócić do sprawdzania haseł premii na koniec, zanim tam dotrzemy.
Przejdźmy do urodzin wybierz.
Więc trzy rozwijane menu.
Więc znowu można dodać inny div i tym razem, w tym dział zamierzamy dodać trzy różne wybiera.
Tak jeden, dwa, trzy.
Zacznijmy od tego pierwszego, które ma cztery miesiące i chodźmy naprzód i zacząć etykiecie.
Jest tylko jedna etykieta tutaj wszystkiego.
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ć.
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.
Więc to banda opcji.
Więc pierwsza chodźmy naprzód i dodaj Idę zrobić dwa lub trzy tutaj tak będzie to od miesięcy.
Więc zrobimy sty i marcu.
Kolejny zrobić to samo.
Zaledwie kilka opcji i to będzie za dzień.
Więc zaczniemy.
Zróbmy dwucyfrowy dzień 10 11 i 12.
A ostatni będzie rokiem.
Wystarczy zrobić trzy raz i zróbmy 1999 2000 2001.
Wspaniały.
I widać mamy nasze spadła tutaj.
Jest jedna mała różnica, która jest jednak, że nasz zacząć od razu ze styczniem i numerów oraz roku.
Ale ten, który ci dałem zaczyna się z dniem miesiąca i roku.
Więc jest kilka sposobów na osiągnięcie tego.
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.
Więc to jest najczęstszym sposobem na osiągnięcie tego celu.
Teraz nasza firma wygląda całkiem dobrze.
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ł.
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.
I to, co otrzymujemy wygląda dobrze do mnie.
Więc jedna rzecz, że trzeba też dodać naszych wybranych tagów to nazwa.
Więc po prostu zadzwonić w tym miesiącu, a to jeden dzień i ten będzie tutaj.
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.
Więc Jan możemy umieścić wartość 1 w tym przypadku.
Nic mi o tylko o sty tam.
I nie określił, jak musi się zachowywać.
Więc wracamy tutaj wygląda całkiem dobrze.
Wszystko wygląda tak samo.
Ostatnią rzeczą naprawdę musimy omówić to rzeczywista poprawności hasła.
Tak, chcę po prostu pokazać, jak można go o znalezienie tego.
Więc ja po prostu się otworzyć HMO sprawdzanie długości i spróbujmy tego.
Jak widać mam właściwie już tutaj.
To jest coś musiałem patrzeć niedawno i to wygląda.
Więc to jest przepełnienie stosu przy okazji, jeśli nie widziałem tego wcześniej.
Pozwala to ktoś zadać pytanie.
Czy istnieje inny atrybut wiekiem go tam za pomocą którego można ustawić minimalną długość wartości dla pól.
A potem ludzie udzielają odpowiedzi i najwyższa głosowali odpowiedzi pojawiają się w pierwszej kolejności.
Więc ta odpowiedź mówi, można użyć atrybutu wzór konieczna jest również wymagany atrybut.
W przeciwnym razie pole wejściowe z pustym wartości zostaną wykluczone z walidacji ograniczającej.
OK.
Tak wygląda to wszystko, czego potrzebujemy.
Więc to jest wejście dajemy go wzór równa to dziwne patrząc rzeczy.
I wtedy wymagane, a następnie ten tytuł.
Więc zanim jeszcze zapytać, co to w ogóle jest i co to pięć Wspólna 10 robi.
Powiedzmy po prostu zobaczyć.
Więc śmiało znaleźć nasze hasło i to dużo co.
Jako deweloper jest to dużo kopiowania i wklejania pewne rzeczy lub znalezieniu jakiegoś kodu i szczypanie go.
Więc musimy sprawić, aby ten pasuje to, co mamy, która jest nazwą wejście jest typu hasła, ponieważ hasło.
Tak właśnie dzieje się skopiować te trzy cechy.
Więc teraz musimy wpisać jego hasło wzór jest pięć i 10 wymagane.
A Tytuł wynosi od pięciu do 10 znaków.
Zobaczmy więc, co to ma odświeżyć.
Upewnij się, że mamy wszystko wypełnione.
I kliknij złożyć i mówi mi, prosimy o wypełnienie tego pola.
Pięć do 10 znaków i typu 2 i 3 oraz typ więcej niż 10 nie działa.
Ale gdybym wpisać pięć lub sześć to działa.
Więc przyjrzyjmy się nieco więcej.
Zacznijmy od tego jak tutaj.
Zmieńmy to być.
Hasło musi zawierać od pięciu do 10 znaków i odświeżyć.
Upewnij się wypełnić wszystko inne, dzięki czemu możemy uzyskać ten błąd.
I klikam złożyć i widać, że otrzymuję komunikat, że mamy ustawione hasło musi mieć od 5 do 10 znaków.
Tak to właśnie ten tytuł to robi.
Jest to w zasadzie się komunikat o błędzie, który jest wyświetlany.
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.
Jeśli więc zmienić to być 02:58 przesłać nadal nie dopuszczalne nich nie do przyjęcia, ale dwa to dopuszczalne.
Więc to jest po prostu definiując zakres lub wzorzec, że musimy podążać.
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.
Jeśli nie byli w stanie stwierdzić, że nie panikuj to jeszcze bardzo wcześnie.
Ale nie będą więcej możliwości, aby próbować takich rzeczy.
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.
Nie piszę tego ręcznie, a nie oczekiwać, aby napisać to ręcznie albo.
Więc zobaczymy jak faktycznie wygenerować to później w klasie.
Można użyć javascript, aby zrobić to za ciebie, więc nie mamy do napisania tego wyłączyć.
Więc spójrz na rozwiązania.