1
00:00:00,600 --> 00:00:05,350
因此，在這個視頻中，我們要談論獲取用戶輸入的約三其他方式。

2
00:00:05,370 --> 00:00:10,830
第一個單選按鈕實際上是輸入標籤的只是另一種類型，我們已經看到。

3
00:00:11,010 --> 00:00:12,740
它類似於一個複選框。

4
00:00:12,780 --> 00:00:16,170
下一個選擇標籤是我們如何得到下拉菜單。

5
00:00:16,230 --> 00:00:22,290
最後我們要說說這是我們如何創造的文字輸入是多行的長文本區域。

6
00:00:23,130 --> 00:00:26,900
所以我要開始當然與標準HMO樣板。

7
00:00:26,970 --> 00:00:33,570
來吧，在添加標題保存了，讓我們繼續前進，並添加一個單選按鈕。

8
00:00:33,750 --> 00:00:37,830
所以它只是輸入類型，因為收音機。

9
00:00:37,830 --> 00:00:46,570
而且我要重複它，我要去給另外一個類型，因為複選框，只是讓你可以並排看到它們的一面。

10
00:00:46,650 --> 00:00:48,900
因此，這是在這裡一個單選按鈕。

11
00:00:49,650 --> 00:00:51,850
一旦我選擇了它，我不能關閉。

12
00:00:51,870 --> 00:00:55,350
這就是我可以打開和關閉的複選框。

13
00:00:55,470 --> 00:01:07,310
所以，真正的區別在於，一個複選框允許用戶選擇它或未選擇有讓我們說有東西，用戶可以檢查五種不同的選擇。

14
00:01:07,320 --> 00:01:09,890
比方說，我們要求用戶選擇他們。

15
00:01:10,080 --> 00:01:12,800
這是一個工作場所，我們希望他們能夠選擇自己的技能。

16
00:01:12,900 --> 00:01:21,960
我們希望他們能夠說javascript和看作為一個HMO或也許只有JavaScript和他們只是一幫他們檢查和關閉我們的單選按鈕，複選框。

17
00:01:21,960 --> 00:01:26,280
但是它通常用來當用戶有一個選擇。

18
00:01:26,280 --> 00:01:36,210
所以，通常在網站的例子應該是這樣的性別在它要求你檢查男性或女性或其他。

19
00:01:36,600 --> 00:01:38,920
而你只有一個選擇。

20
00:01:39,000 --> 00:01:41,360
你不能你不知道選擇。

21
00:01:41,430 --> 00:01:58,090
你必須選擇的要素之一，所以要做到這一點，讓我們說，例如我們將有一個表格，用戶如果他們喜歡貓或狗，有沒有選項來挑挑兩個。

22
00:01:58,110 --> 00:02:03,470
遺憾的是在這個世界上是黑色或白色或者喜歡貓我們更喜歡狗。

23
00:02:04,080 --> 00:02:07,430
因此，要做到這一點，我們就要有兩個單選按鈕。

24
00:02:07,650 --> 00:02:15,600
如果這就是我們做的，開始我可以挑一個，我也可以選擇其他的。

25
00:02:15,600 --> 00:02:16,650
不太我們想要的。

26
00:02:16,650 --> 00:02:18,780
我想只能選擇一個。

27
00:02:19,080 --> 00:02:24,550
所以我要做的第一件事就是讓一種形式去，我要我的投入轉移到這種形式。

28
00:02:25,170 --> 00:02:31,290
而現在我們只是要離開它，這樣它只是一個GET請求，它只是默認操作這僅僅是刷新頁面。

29
00:02:31,650 --> 00:02:45,360
我們要做的下一件事就是添加一些標籤，所以我要繼續使用的四個語法所以這將是狗。

30
00:02:48,030 --> 00:02:51,570
然後，我們必須給我們的輸入和內徑小狗。

31
00:02:51,650 --> 00:02:53,870
但是，這些必須匹配即可。

32
00:02:53,880 --> 00:02:55,690
這裡同樣的事情。

33
00:02:55,980 --> 00:03:06,120
另一個標籤標記的貓，然後貓標識。

34
00:03:06,210 --> 00:03:08,360
所以，如果你是新鮮的，現在我們有兩個選擇。

35
00:03:08,430 --> 00:03:10,160
但我還是可以挑兩個。

36
00:03:10,500 --> 00:03:20,550
因此，我們需要做的是告訴他這兩個單選按鈕怎麼都是一樣的選擇，所以你可以選擇一個或另一個，但他們的一項決定。

37
00:03:20,550 --> 00:03:36,000
因此，要做到這一點，我們需要使用name屬性而記住這個名字是給單個輸入一個名稱，但M L可以參考它，它也是存儲或在人類基因組計劃請求名稱是重要的發送方式。

38
00:03:36,270 --> 00:03:37,580
因此，讓我們給它一個名字在這裡。

39
00:03:37,620 --> 00:03:46,370
第一個名稱將是讓我們去讓我們只是把它稱為寵物的選擇。

40
00:03:47,610 --> 00:03:51,890
然後輸入我們在這裡還打算給它完全相同的名稱。

41
00:03:52,200 --> 00:04:02,260
而我們這樣做，你會在短短的第二次看的原因是，通過給他們相同的名字它，然後將它們連接，使我們現在只能選擇一個。

42
00:04:02,340 --> 00:04:03,510
因此，如果我們刷新。

43
00:04:03,650 --> 00:04:08,510
我可以點擊狗或貓，但不能同時使用。

44
00:04:10,050 --> 00:04:11,500
還有一件事我會告訴你。

45
00:04:11,520 --> 00:04:14,400
讓我們添加一個按鈕到窗體的結尾。

46
00:04:15,630 --> 00:04:27,800
而實際上什麼到目前為止，我們所看到的是輸入類型等於提交在窗體的底部，但我向你展示一個按鈕，只是為了展現給大家，如果按鈕在表單中的最後一件事，它實際上將提交表單。

47
00:04:27,870 --> 00:04:35,490
因此，有輸入幾個選項實際上是在結束按鈕在年底或輸入的類型，你會提交提交表單。

48
00:04:35,490 --> 00:04:38,250
現在讓我們挑，當然狗。

49
00:04:38,250 --> 00:04:40,270
唯一的自然選擇那裡。

50
00:04:40,380 --> 00:04:48,710
請記住這個名字寵物的選擇，所以我們應該在這裡看到了查詢字符串，就像任何其他投入。

51
00:04:48,750 --> 00:04:58,020
當我點擊去我們看到等於然後0：N的寵物選擇，或者在其上是不是真的我們所期望的。

52
00:04:58,110 --> 00:05:04,710
因此，我們缺少的一件事是，我們還需要說什麼這個決定的價值。

53
00:05:04,710 --> 00:05:09,210
所以，當你繼續前進，並添加值屬性中的值標籤。

54
00:05:09,360 --> 00:05:28,010
讓我們只說這個數值將只是狗，這將是一個貓，讓我們好全部大寫只是讓你可以看到什麼是從那裡來。

55
00:05:28,220 --> 00:05:28,690
好。

56
00:05:28,790 --> 00:05:43,690
所以說，如果用戶名寵物商店選擇下點擊犬的價值狗全部大寫，如果用戶提交，值或名稱的寵物選擇店內全部大寫的價值貓下單擊貓。

57
00:05:44,000 --> 00:05:50,170
所以，只是為了顯示你讓我們點擊狗走，我們得到的寵物選擇等於犬。

58
00:05:50,360 --> 00:05:53,630
如果我們這樣做，我們的貓寵得選擇，因為貓科動物。

59
00:05:53,690 --> 00:06:01,260
因此，我們要談論的下一個元素是選擇標記，並用select標籤做的是共創美好下拉菜單。

60
00:06:01,730 --> 00:06:03,300
所以標籤名被調用。

61
00:06:03,350 --> 00:06:04,510
這只是選擇。

62
00:06:04,690 --> 00:06:06,470
這是一個開始和結束標記。

63
00:06:06,860 --> 00:06:10,860
如果我只是做到這一點，那麼它只是滑動，我刷新我的網頁。

64
00:06:10,920 --> 00:06:13,040
我其實已經得到一個下拉菜單。

65
00:06:13,060 --> 00:06:14,890
這只是完全空。

66
00:06:14,930 --> 00:06:18,660
因此，與選擇的標籤一起，我們使用該選項標籤。

67
00:06:18,940 --> 00:06:25,150
所以那裡裡面，我們要使用或挑選，我們增加一個選項標記每一個可能的選項。

68
00:06:25,430 --> 00:06:39,510
因此，讓我們做一個下拉式選單，導致用戶選擇自己喜歡的顏色，讓我們做一些選擇這裡。

69
00:06:39,590 --> 00:06:46,810
紅橙色和黃色。

70
00:06:48,680 --> 00:06:53,780
因此，大家可以看到我們已經得到一個不錯下降到這裡與我們的選擇。

71
00:06:54,270 --> 00:06:58,330
如果我擊去，讓我們選擇橙色和我打去。

72
00:06:58,940 --> 00:07:08,070
你會看到我們並沒有真正得到任何東西在這裡有你為1-像我們做，如果我們選擇做狗黃色這一次，他們擊去。

73
00:07:08,210 --> 00:07:13,940
我仍然只得到寵物的選擇，這是因為我們沒有，我們提供的一個名字。

74
00:07:14,060 --> 00:07:21,360
因此，我們的選擇，我們需要給它一個名字，讓我們稱它最愛，讓我們只是去用顏色和離開它。

75
00:07:22,270 --> 00:07:29,170
我刷新我的頁面讓我們點擊貓讓我們點擊黃色，在這裡觀看了，我打去。

76
00:07:29,360 --> 00:07:33,810
我現在得到的寵物貓的選擇和顏色是黃色的。

77
00:07:34,460 --> 00:07:54,150
所以你會看到的是，這取決於我在這種情況下，黃已選擇該選項映射瀏覽器採取任何文本是選項裡面，它只是發送一個作為名稱的顏色下的值。

78
00:07:54,170 --> 00:08:05,260
所以，我們不要總想那是在請求一起發送到是相同的無論是顯示在下拉列表中用戶的價值。

79
00:08:05,260 --> 00:08:21,510
所以這樣一個例子可能是這樣的，如果我們希望用戶選擇一個心情讓我們說什麼是你現在的心情，我們希望在這裡有一個快樂的臉。

80
00:08:23,120 --> 00:08:29,860
一個最無情的臉我想和一個悲傷的臉。

81
00:08:31,780 --> 00:08:41,930
我們結束了這個漂亮的降下來這裡與我們的表情，但讓我們說，當用戶選擇快樂，我們不希望這一切將被發送。

82
00:08:42,200 --> 00:08:48,570
相反，我們要快樂這個詞要發送或單詞表示要發送到做到這一點。

83
00:08:48,670 --> 00:08:52,570
我們使用值標籤遺憾的價值屬性。

84
00:08:52,750 --> 00:08:54,990
所以我們會說值等於。

85
00:08:55,000 --> 00:09:04,720
讓我們只說快樂等於中性，值等於設定。

86
00:09:04,730 --> 00:09:10,220
現在，如果我刷新正確的狗，讓我們到外面去，我去點擊。

87
00:09:10,660 --> 00:09:14,890
你可以看到，我得到的寵物的選擇是狗和顏色等於說。

88
00:09:15,010 --> 00:09:24,030
當然那是因為我們一直為顏色，你想改變只是使我們的標記是有意義的，要成為情緒的名字，實際上是有道理的。

89
00:09:24,230 --> 00:09:29,050
所以，貓是SOOOO開心又心情等於幸福。

90
00:09:29,060 --> 00:09:29,300
好。

91
00:09:29,330 --> 00:09:33,140
所以，這就是我們需要選擇覆蓋。

92
00:09:33,250 --> 00:09:37,250
另一件事是textarea標籤和文本區域。

93
00:09:37,430 --> 00:09:44,330
我把它掛在印度是創建不止一個線路輸入一個很好的方式。

94
00:09:44,380 --> 00:09:55,250
因此，我們已經看到了文字輸入這樣的輸入類型等於文字和它們是單線條。

95
00:09:55,250 --> 00:10:05,540
但是，如果我們要問一個用戶的生物或複製並粘貼簡歷，或者是行不通的很好的東西，這真的修身短輸入。

96
00:10:05,620 --> 00:10:09,390
所以textarea的它實際上是另外一個標籤，就像選擇。

97
00:10:09,430 --> 00:10:12,490
因此，這不是一個類型的輸入。

98
00:10:12,530 --> 00:10:15,560
它實際上是一個獨立的類型的表單控制。

99
00:10:15,880 --> 00:10:19,690
而且它的工作方式有兩個重要部分。

100
00:10:19,690 --> 00:10:27,690
首先是我們創建一個文本區域的標籤，而且對自己這將會給我們這個文本區域。

101
00:10:28,420 --> 00:10:37,720
但是，我們也可以做的就是指定使用這兩個屬性的行和列的文本區域是完全有多大。

102
00:10:37,970 --> 00:10:40,040
所以我在這裡告訴你。

103
00:10:40,150 --> 00:10:48,080
讓我們先從10行和50列，你可以看到我的文字區域在兩個方向擴展。

104
00:10:48,230 --> 00:10:49,270
但它肯定了更寬。

105
00:10:49,280 --> 00:10:55,370
所以我們可以說我現在要100行，你可以看到它得到了很多時間。

106
00:10:55,370 --> 00:11:01,060
所以基本上我們可以指定有多少行和多少列來改變我們的文本區域的尺寸。

107
00:11:01,850 --> 00:11:08,540
它的另一件事就像這些其他元素，讓我們回到一個較小的一個，以10×10。

108
00:11:08,650 --> 00:11:15,460
只是這些其他元素一樣，如果我想在發送請求這個數據讓我們擺脫這種投入。

109
00:11:15,670 --> 00:11:30,170
我需要給它一個名字的名字等於讓我們只說一段填補這段一些文字。

110
00:11:30,190 --> 00:11:33,800
我點擊去，你可以看到或擴展這一點。