Więc w tym filmie będziemy mówić o trzech dodatkowych sposobów na uzyskanie danych wejściowych użytkownika.
Pierwszy przycisk radiowy jest właściwie tylko inny rodzaj znacznika wejściowego, które widzieliśmy.
Jest podobny do wyboru.
Kolejny znacznik wyboru, to w jaki sposób dostać się rozwijane menu.
I wreszcie będziemy mówić o obszarze tekstowym, który jest, jak możemy stworzyć wejść tekstowych, które są wielokrotne linie długie.
Więc mam zamiar zacząć oczywiście z tych standardowych HMO boilerplate.
Śmiało i dodać w tytule Zapisz to i chodźmy naprzód i dodać przycisk radiowy.
Więc to tylko dlatego, że wejście typu radia.
A ja zamierzam go powielić i mam zamiar dać ten drugi typ, ponieważ pole tak więc można je zobaczyć obok siebie.
Więc to jest przycisk opcji tutaj.
Nie mogę wyłączyć raz zostało ono wybrane.
Jest to pole, które można włączać i wyłączać.
Więc różnica naprawdę jest to pole wyboru pozwala użytkownikowi wybrać go lub odznaczone mieć powiedzmy istnieje pięć różnych wyborów rzeczy, które użytkownik może sprawdzić.
Powiedzmy, prosimy użytkowników, aby wybrać swoje.
Jest to miejsce pracy i chcemy, aby wybrać swoje umiejętności.
Chcemy, aby móc powiedzieć, javascript i zobacz jak HMO, a może tylko javascript a oni tylko kilka pól wyboru, które sprawdzają się i wyłącza przyciskiem naszego radia.
Jednak jest on wykorzystywany zwykle, gdy użytkownik ma jeden wybór.
Więc przykładem zazwyczaj na stronach internetowych powinno być coś takiego jak płeć, gdzie prosi się, by sprawdzić męskiej lub żeńskiej lub inne.
I masz tylko jeden wybór.
Nie można nie wiecie wybrać.
Musisz wybrać jeden z elementów tak, aby to zrobić, powiedzmy na przykład będziemy mieć formę gdzie użytkownicy pick jeżeli wolą kotów lub psów i nie ma opcji, aby wybrać jedno i drugie.
Niestety na tym świecie jest czarne albo białe albo wolą koty wolimy psy.
Więc to zrobić będziemy mieć dwa przyciski opcji.
A jeśli to wszystko, co robimy, aby rozpocząć mogę wybrać jeden i mogę również wybrać drugą.
Nie do końca to, co chcemy.
Chcę tylko być w stanie wybrać jednego.
Więc pierwszą rzeczą, którą chcesz zrobić, to forma idzie i mam zamiar przenieść moje wejść do tej postaci.
A teraz jesteśmy po prostu zamiar zostawić go tak, że jest to tylko żądanie GET i to właśnie domyślna akcja, która jest po prostu, aby odświeżyć stronę.
Następną rzeczą, że mamy zamiar zrobić to dodać kilka etykiet, więc mam zamiar iść do przodu i używać składni cztery więc to będzie dla psów.
A potem musimy dać nasz wkład i średnica wewnętrzna psy.
Ale ci, trzeba dopasować wtedy.
To samo tutaj.
Innym Etykieta dla kotów, a następnie Id kotów.
Więc jeśli jesteś świeżym teraz mamy dwie możliwości.
Ale mogę jeszcze wybrać obu.
Więc co trzeba zrobić, to powiedzieć mu, w jaki sposób te dwa przyciski radiowe są z tego samego wyboru, dzięki czemu można wybrać jedną lub drugą stronę, ale są jedną decyzją.
Tak więc, aby to zrobić musimy użyć atrybutu nazwy, która pamięta, że ​​nazwa daje pojedyncze wejście nazwę, ale m l może odnosić się do niego przez i to także sposób, w jaki jest on przechowywany lub wysyłane w żądaniu HGP, że nazwy są ważne.
Więc dajmy mu nazwę.
Pierwsza nazwa będzie chodźmy z tylko nazywają to wybór domowych Chodźmy.
A potem na wejściu tutaj mamy również zamiar dać mu taką samą nazwę.
A powodem robimy to zobaczymy za chwilę, że dając im tę samą nazwę, to następnie łączy je tak, że możemy teraz wybrać tylko jedną.
Jeśli więc odświeżyć.
Mogę kliknąć psów lub kotów, ale nie jednocześnie.
I jeszcze jedno, to ci pokażę.
Dodajmy przycisk na końcu formularza.
A co widzieliśmy do tej pory jest w rzeczywistości typ wejścia równa złożyć na dnie formy, ale jestem pokazujące przycisk, żeby pokazać wam, że jeśli przycisk jest ostatnią rzeczą w formie będą faktycznie wysłać formularz ,
Więc jest kilka opcji wejść rzeczywiście wysłać formularz na przycisk Zakończ na końcu lub wejściowego typu można złożyć.
Więc teraz niech odebrać psy oczywiście.
Jedynym naturalnym wyborem tam.
Pamiętaj, że nazwa jest wybór zwierzaka więc powinniśmy zobaczyć coś się tu w ciągu zapytania podobnie jak w przypadku wszelkich innych wejść.
Kiedy klikam przejść widzimy wyborów domowych równe a następnie N lub O, w którym tak naprawdę nie jest to, czego oczekiwaliśmy.
Więc jesteśmy brakuje jednej rzeczy, która jest musimy też powiedzieć, jaka jest wartość tej decyzji jest.
Kiedy więc śmiało dodać tag wartość wewnątrz tego atrybutu value.
I powiedzmy, że ta wartość będzie tylko psa i ten będzie Koty i bądźmy dobre wszystkie czapki tak że można zobaczyć, co nadchodzi skąd.
OK.
Więc to mówi, że jeśli użytkownik kliknie na psy pod sklepie wybór nazwy dla zwierząt psy wartości we wszystkich czapki, gdy użytkownik podnosi i klika koty poniżej wartości lub wybór nazwy sklepu domowych kotów wartość we wszystkich czapki.
Więc po prostu pokazać, że do ciebie niech kliknij psy iść i mamy wybór domowych wynosi psy.
Jeśli robimy koty mamy wybór domowych, ponieważ koty.
Więc następnym elementem będziemy rozmawiać o to select tag iz wybranej zmiennej, co zrobić, to stworzyć ładne menu rozwijanego.
Więc nazwa znacznika jest tzw.
To jest po prostu wybierz.
Jest to tag otwieranie i zamykanie.
A jeśli po prostu to zrobić, a następnie po prostu przesuń i odświeżyć moją stronę.
I rzeczywiście już się menu rozwijane.
To jest po prostu zupełnie pusta.
Więc wraz z zaznaczonym znaczniku używamy znacznika opcji.
Więc wewnątrz tam na każdym możliwym rozwiązaniem, które chcemy wykorzystać lub odebrać dodamy znacznik opcji.
Więc zróbmy listę rozwijaną, która doprowadziła użytkownikowi wybrać swój ulubiony kolor i zróbmy kilka opcji tutaj.
Red pomarańczowy i żółty.
Więc jak widać już uzyskać ładny rozwijanej tu z naszych wyborów.
A jeśli uderzę go niech wybrać pomarańczowy i uderzę iść.
Zobaczysz, że w rzeczywistości nie dostać coś tu i tam jesteś l tak jak my, jeśli mamy wybrać psy zrobić żółty i tym razem uderzą iść.
Nadal pojawiają się tylko wybór domowych a to dlatego, że nie mają nazwy, które zapewniamy.
Więc na naszej wybierz Musimy nadać mu nazwę i niech po prostu nazwać ulubionych, a chodźmy kolorem i pozostawić go na tym.
I odświeżyć moją stronę niech kliknij koty niech kliknąć na żółty i oglądać się tu trafiłem iść.
I teraz dostać wybory domowych kotów i kolor jest żółty.
Więc to, co zobaczysz, jest to, że w zależności od opcji, że został wybrany w tym przypadku żółtego odwzorowuje przeglądarka wykonuje cokolwiek, że tekst jest wewnątrz tej opcji i po prostu wysyła je jako wartość pod nazwą koloru.
Tak więc nie zawsze chce wartość, która zostanie wysłana wraz z prośbą, aby być identyczne, co jest wyświetlane użytkownikowi w menu.
Więc przykładem, że może być coś podobnego, jeśli chcemy użytkownikowi wybrać nastrój, więc powiedzmy Jaki jest Twój obecny nastrój i chcemy mieć szczęśliwą twarz tutaj.
Najbardziej emocji twarz Chyba i smutną twarz.
I skończymy z tym miłym rozwijanej tu z emotikonami, ale powiedzmy, że gdy użytkownik wybierze szczęśliwy nie chcemy tego wszystkiego mają zostać wysłane.
Zamiast tego chcemy wyraz szczęśliwy, że wysyłane lub słowo powiedział zostać wysłany, aby to zrobić.
Używamy tag przepraszam wartość atrybutu value.
Więc powiemy wartość jest równa.
I powiedzmy Szczęśliwy równa neutralne i wartość jest równa ustawiony.
Teraz gdybym odświeżyć poprawne psy chodźmy na zewnątrz i kliknij go.
Widać mam wybór zwierzaka psów i kolor jest równa powiedział.
I oczywiście, że to dlatego, że zachował nazwę, kolor, co chcesz zmienić, że jest to nastrój, po prostu tak, że nasze znaczniki są sensowne i rzeczywiście ma sens.
Więc koty są baaaardzo zadowolony i jeszcze nastrój jest równa szczęśliwy.
OK.
Więc to wszystko, czego potrzebujemy, aby przykryć wybiera.
Jedną rzeczą jest tag textarea i textarea.
Włożę go na Indian jest to dobry sposób, aby utworzyć wejścia, które mają więcej niż jeden wiersz.
Tak więc widzieliśmy wejść tekstowych jak ten typ wejścia równa tekst i są pojedyncze linie.
Ale co, jeśli chcieliśmy poprosić użytkownika o bio lub skopiować i wkleić CV lub coś, co nie będzie dobrze działać i to naprawdę szczupłe krótkie wejście.
Więc textarea To rzeczywiście kolejny tag jak wybrać.
Więc nie jest to wejście w nowy rodzaj.
W rzeczywistości jest to oddzielny typ kontroli formularza.
I sposób, że działa tam dwa ważne elementy.
Pierwszy z nich to możemy utworzyć znacznik pola tekstowego i że na własną rękę to da nam to pole tekstowe.
Ale co możemy zrobić, to dokładnie określić, jak duży obszar ten tekst jest za pomocą tych dwóch atrybutów wierszy i kolumn.
Więc pokażę ci, że tu.
Zacznijmy 10 wierszy i 50 kolumn i można zobaczyć, że mój textarea rozbudowany w obu kierunkach.
Ale to na pewno dostaliśmy szerszy.
Więc powiedzmy, że teraz chcą 100 wierszy i widać, że ma dużo dłużej.
Więc w zasadzie możemy określić, ile wierszy i ile kolumn, aby zmienić wymiary naszego obszaru tekstu.
Jedną rzeczą jest to, podobnie jak w przypadku innych elementów wróćmy do mniejszej o 10 do 10.
Podobnie jak w przypadku innych elementów, gdybym chciał wysłać te dane w żądaniu pozbądźmy tego wejścia.
musiałbym dać to nazwa nazwa jest równa i powiedzmy pkt wypełnić ten akapit z tekstem.
Kliknąłem iść i zobaczyć, czy można rozszerzyć tego.