1
00:00:00,600 --> 00:00:05,350
Więc w tym filmie będziemy mówić o trzech dodatkowych sposobów na uzyskanie danych wejściowych użytkownika.

2
00:00:05,370 --> 00:00:10,830
Pierwszy przycisk radiowy jest właściwie tylko inny rodzaj znacznika wejściowego, które widzieliśmy.

3
00:00:11,010 --> 00:00:12,740
Jest podobny do wyboru.

4
00:00:12,780 --> 00:00:16,170
Kolejny znacznik wyboru, to w jaki sposób dostać się rozwijane menu.

5
00:00:16,230 --> 00:00:22,290
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.

6
00:00:23,130 --> 00:00:26,900
Więc mam zamiar zacząć oczywiście z tych standardowych HMO boilerplate.

7
00:00:26,970 --> 00:00:33,570
Śmiało i dodać w tytule Zapisz to i chodźmy naprzód i dodać przycisk radiowy.

8
00:00:33,750 --> 00:00:37,830
Więc to tylko dlatego, że wejście typu radia.

9
00:00:37,830 --> 00:00:46,570
A ja zamierzam go powielić i mam zamiar dać ten drugi typ, ponieważ pole tak więc można je zobaczyć obok siebie.

10
00:00:46,650 --> 00:00:48,900
Więc to jest przycisk opcji tutaj.

11
00:00:49,650 --> 00:00:51,850
Nie mogę wyłączyć raz zostało ono wybrane.

12
00:00:51,870 --> 00:00:55,350
Jest to pole, które można włączać i wyłączać.

13
00:00:55,470 --> 00:01:07,310
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ć.

14
00:01:07,320 --> 00:01:09,890
Powiedzmy, prosimy użytkowników, aby wybrać swoje.

15
00:01:10,080 --> 00:01:12,800
Jest to miejsce pracy i chcemy, aby wybrać swoje umiejętności.

16
00:01:12,900 --> 00:01:21,960
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.

17
00:01:21,960 --> 00:01:26,280
Jednak jest on wykorzystywany zwykle, gdy użytkownik ma jeden wybór.

18
00:01:26,280 --> 00:01:36,210
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.

19
00:01:36,600 --> 00:01:38,920
I masz tylko jeden wybór.

20
00:01:39,000 --> 00:01:41,360
Nie można nie wiecie wybrać.

21
00:01:41,430 --> 00:01:58,090
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.

22
00:01:58,110 --> 00:02:03,470
Niestety na tym świecie jest czarne albo białe albo wolą koty wolimy psy.

23
00:02:04,080 --> 00:02:07,430
Więc to zrobić będziemy mieć dwa przyciski opcji.

24
00:02:07,650 --> 00:02:15,600
A jeśli to wszystko, co robimy, aby rozpocząć mogę wybrać jeden i mogę również wybrać drugą.

25
00:02:15,600 --> 00:02:16,650
Nie do końca to, co chcemy.

26
00:02:16,650 --> 00:02:18,780
Chcę tylko być w stanie wybrać jednego.

27
00:02:19,080 --> 00:02:24,550
Więc pierwszą rzeczą, którą chcesz zrobić, to forma idzie i mam zamiar przenieść moje wejść do tej postaci.

28
00:02:25,170 --> 00:02:31,290
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ę.

29
00:02:31,650 --> 00:02:45,360
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.

30
00:02:48,030 --> 00:02:51,570
A potem musimy dać nasz wkład i średnica wewnętrzna psy.

31
00:02:51,650 --> 00:02:53,870
Ale ci, trzeba dopasować wtedy.

32
00:02:53,880 --> 00:02:55,690
To samo tutaj.

33
00:02:55,980 --> 00:03:06,120
Innym Etykieta dla kotów, a następnie Id kotów.

34
00:03:06,210 --> 00:03:08,360
Więc jeśli jesteś świeżym teraz mamy dwie możliwości.

35
00:03:08,430 --> 00:03:10,160
Ale mogę jeszcze wybrać obu.

36
00:03:10,500 --> 00:03:20,550
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ą.

37
00:03:20,550 --> 00:03:36,000
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.

38
00:03:36,270 --> 00:03:37,580
Więc dajmy mu nazwę.

39
00:03:37,620 --> 00:03:46,370
Pierwsza nazwa będzie chodźmy z tylko nazywają to wybór domowych Chodźmy.

40
00:03:47,610 --> 00:03:51,890
A potem na wejściu tutaj mamy również zamiar dać mu taką samą nazwę.

41
00:03:52,200 --> 00:04:02,260
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ą.

42
00:04:02,340 --> 00:04:03,510
Jeśli więc odświeżyć.

43
00:04:03,650 --> 00:04:08,510
Mogę kliknąć psów lub kotów, ale nie jednocześnie.

44
00:04:10,050 --> 00:04:11,500
I jeszcze jedno, to ci pokażę.

45
00:04:11,520 --> 00:04:14,400
Dodajmy przycisk na końcu formularza.

46
00:04:15,630 --> 00:04:27,800
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 ,

47
00:04:27,870 --> 00:04:35,490
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ć.

48
00:04:35,490 --> 00:04:38,250
Więc teraz niech odebrać psy oczywiście.

49
00:04:38,250 --> 00:04:40,270
Jedynym naturalnym wyborem tam.

50
00:04:40,380 --> 00:04:48,710
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ść.

51
00:04:48,750 --> 00:04:58,020
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.

52
00:04:58,110 --> 00:05:04,710
Więc jesteśmy brakuje jednej rzeczy, która jest musimy też powiedzieć, jaka jest wartość tej decyzji jest.

53
00:05:04,710 --> 00:05:09,210
Kiedy więc śmiało dodać tag wartość wewnątrz tego atrybutu value.

54
00:05:09,360 --> 00:05:28,010
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.

55
00:05:28,220 --> 00:05:28,690
OK.

56
00:05:28,790 --> 00:05:43,690
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.

57
00:05:44,000 --> 00:05:50,170
Więc po prostu pokazać, że do ciebie niech kliknij psy iść i mamy wybór domowych wynosi psy.

58
00:05:50,360 --> 00:05:53,630
Jeśli robimy koty mamy wybór domowych, ponieważ koty.

59
00:05:53,690 --> 00:06:01,260
Więc następnym elementem będziemy rozmawiać o to select tag iz wybranej zmiennej, co zrobić, to stworzyć ładne menu rozwijanego.

60
00:06:01,730 --> 00:06:03,300
Więc nazwa znacznika jest tzw.

61
00:06:03,350 --> 00:06:04,510
To jest po prostu wybierz.

62
00:06:04,690 --> 00:06:06,470
Jest to tag otwieranie i zamykanie.

63
00:06:06,860 --> 00:06:10,860
A jeśli po prostu to zrobić, a następnie po prostu przesuń i odświeżyć moją stronę.

64
00:06:10,920 --> 00:06:13,040
I rzeczywiście już się menu rozwijane.

65
00:06:13,060 --> 00:06:14,890
To jest po prostu zupełnie pusta.

66
00:06:14,930 --> 00:06:18,660
Więc wraz z zaznaczonym znaczniku używamy znacznika opcji.

67
00:06:18,940 --> 00:06:25,150
Więc wewnątrz tam na każdym możliwym rozwiązaniem, które chcemy wykorzystać lub odebrać dodamy znacznik opcji.

68
00:06:25,430 --> 00:06:39,510
Więc zróbmy listę rozwijaną, która doprowadziła użytkownikowi wybrać swój ulubiony kolor i zróbmy kilka opcji tutaj.

69
00:06:39,590 --> 00:06:46,810
Red pomarańczowy i żółty.

70
00:06:48,680 --> 00:06:53,780
Więc jak widać już uzyskać ładny rozwijanej tu z naszych wyborów.

71
00:06:54,270 --> 00:06:58,330
A jeśli uderzę go niech wybrać pomarańczowy i uderzę iść.

72
00:06:58,940 --> 00:07:08,070
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ść.

73
00:07:08,210 --> 00:07:13,940
Nadal pojawiają się tylko wybór domowych a to dlatego, że nie mają nazwy, które zapewniamy.

74
00:07:14,060 --> 00:07:21,360
Więc na naszej wybierz Musimy nadać mu nazwę i niech po prostu nazwać ulubionych, a chodźmy kolorem i pozostawić go na tym.

75
00:07:22,270 --> 00:07:29,170
I odświeżyć moją stronę niech kliknij koty niech kliknąć na żółty i oglądać się tu trafiłem iść.

76
00:07:29,360 --> 00:07:33,810
I teraz dostać wybory domowych kotów i kolor jest żółty.

77
00:07:34,460 --> 00:07:54,150
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.

78
00:07:54,170 --> 00:08:05,260
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.

79
00:08:05,260 --> 00:08:21,510
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.

80
00:08:23,120 --> 00:08:29,860
Najbardziej emocji twarz Chyba i smutną twarz.

81
00:08:31,780 --> 00:08:41,930
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.

82
00:08:42,200 --> 00:08:48,570
Zamiast tego chcemy wyraz szczęśliwy, że wysyłane lub słowo powiedział zostać wysłany, aby to zrobić.

83
00:08:48,670 --> 00:08:52,570
Używamy tag przepraszam wartość atrybutu value.

84
00:08:52,750 --> 00:08:54,990
Więc powiemy wartość jest równa.

85
00:08:55,000 --> 00:09:04,720
I powiedzmy Szczęśliwy równa neutralne i wartość jest równa ustawiony.

86
00:09:04,730 --> 00:09:10,220
Teraz gdybym odświeżyć poprawne psy chodźmy na zewnątrz i kliknij go.

87
00:09:10,660 --> 00:09:14,890
Widać mam wybór zwierzaka psów i kolor jest równa powiedział.

88
00:09:15,010 --> 00:09:24,030
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.

89
00:09:24,230 --> 00:09:29,050
Więc koty są baaaardzo zadowolony i jeszcze nastrój jest równa szczęśliwy.

90
00:09:29,060 --> 00:09:29,300
OK.

91
00:09:29,330 --> 00:09:33,140
Więc to wszystko, czego potrzebujemy, aby przykryć wybiera.

92
00:09:33,250 --> 00:09:37,250
Jedną rzeczą jest tag textarea i textarea.

93
00:09:37,430 --> 00:09:44,330
Włożę go na Indian jest to dobry sposób, aby utworzyć wejścia, które mają więcej niż jeden wiersz.

94
00:09:44,380 --> 00:09:55,250
Tak więc widzieliśmy wejść tekstowych jak ten typ wejścia równa tekst i są pojedyncze linie.

95
00:09:55,250 --> 00:10:05,540
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.

96
00:10:05,620 --> 00:10:09,390
Więc textarea To rzeczywiście kolejny tag jak wybrać.

97
00:10:09,430 --> 00:10:12,490
Więc nie jest to wejście w nowy rodzaj.

98
00:10:12,530 --> 00:10:15,560
W rzeczywistości jest to oddzielny typ kontroli formularza.

99
00:10:15,880 --> 00:10:19,690
I sposób, że działa tam dwa ważne elementy.

100
00:10:19,690 --> 00:10:27,690
Pierwszy z nich to możemy utworzyć znacznik pola tekstowego i że na własną rękę to da nam to pole tekstowe.

101
00:10:28,420 --> 00:10:37,720
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.

102
00:10:37,970 --> 00:10:40,040
Więc pokażę ci, że tu.

103
00:10:40,150 --> 00:10:48,080
Zacznijmy 10 wierszy i 50 kolumn i można zobaczyć, że mój textarea rozbudowany w obu kierunkach.

104
00:10:48,230 --> 00:10:49,270
Ale to na pewno dostaliśmy szerszy.

105
00:10:49,280 --> 00:10:55,370
Więc powiedzmy, że teraz chcą 100 wierszy i widać, że ma dużo dłużej.

106
00:10:55,370 --> 00:11:01,060
Więc w zasadzie możemy określić, ile wierszy i ile kolumn, aby zmienić wymiary naszego obszaru tekstu.

107
00:11:01,850 --> 00:11:08,540
Jedną rzeczą jest to, podobnie jak w przypadku innych elementów wróćmy do mniejszej o 10 do 10.

108
00:11:08,650 --> 00:11:15,460
Podobnie jak w przypadku innych elementów, gdybym chciał wysłać te dane w żądaniu pozbądźmy tego wejścia.

109
00:11:15,670 --> 00:11:30,170
musiałbym dać to nazwa nazwa jest równa i powiedzmy pkt wypełnić ten akapit z tekstem.

110
00:11:30,190 --> 00:11:33,800
Kliknąłem iść i zobaczyć, czy można rozszerzyć tego.