1
00:00:00,930 --> 00:00:06,100
因此，在這個視頻我們將繼續前進，創建此登記表的解決方案。

2
00:00:06,640 --> 00:00:09,360
所以我有一個新的文件將保存。

3
00:00:09,540 --> 00:00:25,220
我只是要調用這個註冊表單，HDMI我會用我的崇高快捷方式，並讓我們的鍋爐鍋爐板去。

4
00:00:26,370 --> 00:00:31,010
所以，當我們面對這樣一個項目有相當多的地方，我們可以開始。

5
00:00:31,260 --> 00:00:47,940
而且我要做的第一件事就是添加表單塔根，然後我還要在這裡添加此H1剛起來的頂部和路易斯把註冊。

6
00:00:48,060 --> 00:00:53,510
因此，讓我們繼續前進，在這裡打開我們的報名表，將其移到。

7
00:00:53,970 --> 00:00:59,580
好了還沒有應用，但至少還是每一個都好看。

8
00:01:00,060 --> 00:01:07,340
因此，讓我們回到崇高，讓我們堅持讓我們從最簡單的事情開始應該是這些投入這個頂尖水平。

9
00:01:07,500 --> 00:01:11,670
第一個名字和姓氏。

10
00:01:11,670 --> 00:01:13,750
因此，我們將與輸入開始。

11
00:01:14,400 --> 00:01:20,370
而那些類型等於文本窗口。

12
00:01:22,900 --> 00:01:35,640
讓我們給它一個佔位符，它看起來像它應該是約翰讓我們做一個又一個佔位符史密斯，然後我們需要給兩個標籤。

13
00:01:36,120 --> 00:01:39,270
因此，我們可以使用兩種標籤語法。

14
00:01:39,270 --> 00:01:42,970
我要利用這四個。

15
00:01:43,260 --> 00:01:48,950
所以，我會打電話給這第一個，我們將確保我們得到等於一個ID第一。

16
00:01:50,040 --> 00:01:59,020
然後這個標籤會說第一個名字冒號，這將給我們，然後我們需要做同樣的事情。

17
00:01:59,220 --> 00:02:14,300
對於最後一個另一個標籤說姓冒號，然後我們需要給這個ID等於最後一次。

18
00:02:15,810 --> 00:02:19,200
因此，讓我們檢查，看看我們有什麼。

19
00:02:19,680 --> 00:02:21,820
到現在為止還挺好。

20
00:02:21,960 --> 00:02:35,540
還有這是我們沒有給這些輸入一個名稱，以便只要給它的名字第一次和命名最後的偉大，我們是缺少一個很小的事情。

21
00:02:35,550 --> 00:02:37,950
因此，讓我們繼續前進到下一大塊在這裡。

22
00:02:38,090 --> 00:02:41,640
我們實際上是缺少的一件事就是驗證。

23
00:02:41,640 --> 00:02:46,540
所以當我們在這裡記得第一次名字和姓氏不應該是空白。

24
00:02:46,590 --> 00:02:56,160
因此，為了做到這一點是非常簡單的，我們只要添加上所需的投入所需要的屬性，並將其設置為true。

25
00:02:56,340 --> 00:03:01,550
所以我要繼續前進，並擴大這個只是讓我們能看到一點點清晰的是我們正在努力。

26
00:03:02,190 --> 00:03:08,320
因此，如果我們這裡諮詢的形式，接下來的事情就是性別單選按鈕。

27
00:03:08,580 --> 00:03:12,060
因此，我們需要有三個單選按鈕。

28
00:03:12,210 --> 00:03:18,940
因此，這些都是輸入類型等於收音機。

29
00:03:19,470 --> 00:03:21,600
他們三個。

30
00:03:21,600 --> 00:03:32,300
如果我們看一看用，讓我們可以看到第一件事是，它們與其他元素線是什麼我給你的表格應該看起來像它實際上不是。

31
00:03:32,460 --> 00:03:36,870
因此，我們有幾個選項得到的東西的行為。

32
00:03:36,870 --> 00:03:46,620
我們可以在一個段落把他們像這樣只需添加一些間距。

33
00:03:46,680 --> 00:03:49,710
現在，我們讓他們在單獨一行。

34
00:03:49,860 --> 00:03:52,840
我只是在這裡使用一個div。

35
00:03:54,330 --> 00:03:56,020
在那裡，你進入一個div。

36
00:03:56,190 --> 00:03:57,940
並不完全具有相同的間距。

37
00:03:57,980 --> 00:04:03,600
段落已在（C S）S端子實際上談論的間距是什麼。

38
00:04:03,960 --> 00:04:15,010
所以，現在我們需要繼續前進，添加或標籤，我們可以讓之前的真正開始給它們相同的名稱，這樣的名字將出現在這裡的性別。

39
00:04:15,640 --> 00:04:31,080
讓我們繼續前進，應該在這裡用我的快捷鍵這是指揮點擊多個游標，所以我們讓他們命名的跨性別，然後讓我們給他們每人一個值。

40
00:04:31,290 --> 00:04:35,460
所以第一個值將是雄性。

41
00:04:35,460 --> 00:04:37,140
第二個將是女性。

42
00:04:37,140 --> 00:04:40,860
最後一個是要么和刷新。

43
00:04:41,010 --> 00:04:44,390
我們沒有看到任何這當然是因為這只是在幕後。

44
00:04:44,730 --> 00:04:47,210
因此，我們需要做的是加入我們的標籤。

45
00:04:47,580 --> 00:04:51,150
所以，我們會想三個標籤。

46
00:04:51,150 --> 00:05:03,750
第一個會說標籤四年我們就稱之為男性teated我們這裡。

47
00:05:03,900 --> 00:05:09,470
沒有冒號的所以只是郵件，然後ID等於郵件。

48
00:05:09,940 --> 00:05:11,020
一樣。

49
00:05:11,010 --> 00:05:13,590
這裡的另一個標籤。

50
00:05:13,600 --> 00:05:15,250
這將是一個女性。

51
00:05:15,730 --> 00:05:21,150
然後，我們會想說標識我要你的事業女性。

52
00:05:21,490 --> 00:05:25,830
然後你繼續說你的ID引起女性。

53
00:05:25,840 --> 00:05:31,130
因此，大家可以看到建立這些形式就有點乏味的時候。

54
00:05:31,140 --> 00:05:38,940
你有一堆的標籤，很多搞搞你就必須要格外小心，你有正確對應的一切。

55
00:05:38,940 --> 00:05:47,500
因此，我們要為其他我的意思是我們想要做的ID等於無論是。

56
00:05:47,710 --> 00:05:50,500
因此，讓我們查一下這個看看我們。

57
00:05:50,620 --> 00:05:50,910
好吧。

58
00:05:50,940 --> 00:05:51,980
這看起來很棒。

59
00:05:52,000 --> 00:05:55,680
我們只能選擇其中之一就是我們想要的。

60
00:05:55,720 --> 00:06:01,940
接下來的事情，我們可以繼續前進，讓我們繼續前進，並在末尾添加提交按鈕只是當我們在這裡。

61
00:06:01,990 --> 00:06:06,480
所以這將是輸入類型等於提交。

62
00:06:07,600 --> 00:06:09,540
而且，我們只是要確保驗證工作。

63
00:06:09,730 --> 00:06:13,810
是它在良好的狀態很好。

64
00:06:15,250 --> 00:06:17,930
所以，接下來我們有一個電子郵件和密碼字段。

65
00:06:18,310 --> 00:06:20,230
而這些都是在新的生產線，以及。

66
00:06:20,230 --> 00:06:28,640
因此，讓我們繼續前進，並添加另一個div，我們要做的輸入，這一次它的類型等於電子郵件。

67
00:06:28,660 --> 00:06:42,400
這不只是文字和這裡的佔位符是你的電子郵件是無可否認不是最好的佔位符文本，但我們要堅持這個圖像確保我們按照分配。

68
00:06:42,390 --> 00:06:53,940
因此，輸入類型為電子郵件佔位符是您的電子郵件，然後我們有另外一個密碼，這給了我們兩個輸入。

69
00:06:54,310 --> 00:07:01,550
接下來，我們可以用名字去那麼只說名字電子郵件此會員的情況下，你困惑。

70
00:07:01,690 --> 00:07:12,480
該名稱純粹是幕後找出如何送我們應該下什麼是它的名字請求發送數據的數據。

71
00:07:12,580 --> 00:07:16,520
因此，在這種情況下，無論我們在此字段中鍵入將被稱為電子郵件。

72
00:07:16,870 --> 00:07:19,300
所以，我們看不到，以防萬一造成任何影響。

73
00:07:19,310 --> 00:07:24,200
我不認為這是較為混亂的地區之一，因為它不是很直觀。

74
00:07:24,670 --> 00:07:30,750
因此，這人會說叫密碼，然後讓我們繼續添加或標籤。

75
00:07:30,940 --> 00:07:41,390
因此，只要混合起來這裡我將使用其他類型的標籤這是我們的巢標籤本身裡面的數據。

76
00:07:41,560 --> 00:07:49,800
所以會說電子郵件結腸，而不是四個標識語法。

77
00:07:49,810 --> 00:07:56,520
他們的工作方式相同，讓我們做的電子郵件和密碼。

78
00:07:57,060 --> 00:07:58,490
讓我們非常精確。

79
00:07:58,690 --> 00:08:00,360
有他們兩個冒號。

80
00:08:00,370 --> 00:08:00,920
大。

81
00:08:01,210 --> 00:08:13,330
但是，保存有是我們應該看看，看看是驗證在地方填寫此一件事。

82
00:08:13,750 --> 00:08:15,130
沒有。

83
00:08:16,060 --> 00:08:20,670
這麼一件事我們缺少的是我們需要需要電子郵件。

84
00:08:21,510 --> 00:08:30,170
因此，我們需要去我們的電子郵件，並添加現在需要我們更新填充這些了。

85
00:08:30,580 --> 00:08:35,000
我們將電子郵件保留空白，如果我們在一個非有效的電子郵件類型。

86
00:08:35,010 --> 00:08:36,640
我們得到這個錯誤。

87
00:08:37,260 --> 00:08:39,350
大。

88
00:08:39,510 --> 00:08:41,940
所以，到目前為止，一切都看起來不錯。

89
00:08:41,950 --> 00:08:47,670
我們要回來的獎金密碼驗證在年底前我們到達那裡。

90
00:08:47,670 --> 00:08:50,780
讓我們繼續前進的生日選擇。

91
00:08:50,920 --> 00:08:53,140
所以三下拉菜單。

92
00:08:53,500 --> 00:09:02,920
所以，再一次，你可以添加另一個div這個時候在這個div，我們要添加三種不同的選擇。

93
00:09:02,980 --> 00:09:06,920
所以，一二三。

94
00:09:07,240 --> 00:09:13,070
讓我們先從這第一個這為四月份，讓我們繼續與標籤開始。

95
00:09:13,120 --> 00:09:15,620
這裡只有一個標籤的一切。

96
00:09:16,000 --> 00:09:31,330
所以，你知道做這樣的標籤，並把所有三個科目內，這個標籤要說一個生日，它會像她那樣。

97
00:09:31,330 --> 00:09:41,450
因此，如果我們看看我們得到什麼，我們有我們的三個輸入有三個標籤，所有我們需要做的就是在裡面正確的數據補充。

98
00:09:41,470 --> 00:09:44,380
所以這是一堆選項。

99
00:09:44,400 --> 00:09:49,420
所以，第一個讓我們繼續添加我只是打算做兩三這裡，所以這將是數月。

100
00:09:49,410 --> 00:09:53,950
所以我們會做一月和三月。

101
00:09:55,760 --> 00:09:58,290
下一個做同樣的事情。

102
00:09:58,330 --> 00:10:02,240
就在幾個選項，這將是一天。

103
00:10:02,250 --> 00:10:03,240
因此，我們將開始。

104
00:10:03,430 --> 00:10:07,430
讓我們做了兩位數在10 11和12。

105
00:10:07,620 --> 00:10:09,600
而最後一個將是今年。

106
00:10:10,180 --> 00:10:17,640
只需再次做三，讓我們做1999 2000 2001。

107
00:10:19,060 --> 00:10:19,590
大。

108
00:10:19,810 --> 00:10:22,310
你可以看到，我們得到我們的掉了下來這裡。

109
00:10:22,330 --> 00:10:31,220
有一個小的差異，雖然這是我們下手月份和數字，這一年的時候了。

110
00:10:31,690 --> 00:10:38,090
但是，我給你一個與月日和年開始了。

111
00:10:38,320 --> 00:10:40,150
因此，有這樣做的幾種方法。

112
00:10:40,180 --> 00:11:01,870
最簡單的就是使第一個選項說月日和年通過這樣做，HDMI將表單只是拿起的第一選擇，它決定該初始值。

113
00:11:02,080 --> 00:11:05,050
所以這是這樣做的最常見的方式。

114
00:11:05,350 --> 00:11:08,040
所以，現在我們的企業看起來不錯。

115
00:11:08,050 --> 00:11:38,050
我們只需要我們最後我同意的條款和條件複選框，所以我們可以在這裡添加另一個分區，然後這就是這一塊我們打算讓我們開始與標籤的正確最後的div，而不是這個時候我們做了四，這一次我們叫它讓我們叫它同意。

116
00:11:38,370 --> 00:12:00,310
我同意的條款和條件，然後，我們需要的是我們的輸入磁帶調用複選框，讓我們給它的ID，因為我答應和名稱，也同意未來的事情。

117
00:12:01,120 --> 00:12:05,970
這就是我們得到了什麼對我來說很好。

118
00:12:06,000 --> 00:12:11,690
這麼一件事，我們還需要添加到我們的選擇是標籤的名稱。

119
00:12:11,910 --> 00:12:22,660
因此，讓我們只需要調用這個月和一天的這一個，這將是一個在這裡。

120
00:12:23,590 --> 00:12:36,350
請記住，如果我們不希望在一月和Fab和三月是什麼實際上是通過發送，如果他希望它能夠像我們相應會放一個值這裡許多不同。

121
00:12:36,370 --> 00:12:40,030
因此，對於我們一月可能使值1在這種情況下。

122
00:12:40,090 --> 00:12:41,850
我很好只是有揚有。

123
00:12:41,860 --> 00:12:45,130
我沒有具體說明它需要如何做人。

124
00:12:45,930 --> 00:12:48,670
所以我們回到這裡，它看起來相當不錯。

125
00:12:48,660 --> 00:12:50,700
一切看起來是一樣的。

126
00:12:50,710 --> 00:12:57,230
我們真正要討論的最後一件事是實際的密碼驗證。

127
00:12:57,370 --> 00:13:00,680
所以我想只是告訴你如何能去發現。

128
00:13:00,700 --> 00:13:09,860
所以我只是要開拓HMO長度驗證，讓我們試試。

129
00:13:10,930 --> 00:13:13,560
正如你看到的，我其實已經來過這裡。

130
00:13:13,840 --> 00:13:17,980
這是我不得不最近查找，它看起來像。

131
00:13:17,980 --> 00:13:21,050
因此，這是堆棧溢出的方式，如果你以前沒有見過這個。

132
00:13:21,070 --> 00:13:23,850
這使得有人提出一個問題。

133
00:13:24,510 --> 00:13:30,000
是否有任何其他屬性的年齡他在那裡與我可以設置的值最小長度字段的幫助。

134
00:13:30,370 --> 00:13:35,160
然後人們提供答案和最高投票的答案首先出現。

135
00:13:35,530 --> 00:13:40,590
所以這個答案說，你可以使用該模式屬性，也需要必要的屬性。

136
00:13:40,690 --> 00:13:44,770
否則，用一個空值的輸入字段將被排除在約束驗證。

137
00:13:45,000 --> 00:13:45,770
好。

138
00:13:46,210 --> 00:13:48,960
因此，它看起來這是我們所需要的。

139
00:13:49,690 --> 00:13:55,500
因此，這是我們給它的模式輸入等於這個怪異的事情。

140
00:13:56,440 --> 00:13:59,050
然後需要的，然後這個稱號。

141
00:13:59,110 --> 00:14:05,230
所以，之前，我們甚至問這是什麼，甚至做什麼這五種常見的10一樣。

142
00:14:05,230 --> 00:14:06,640
讓我們只看到。

143
00:14:06,630 --> 00:14:10,620
因此，讓我們繼續前進找到我們的密碼，這是一個很大的東西。

144
00:14:10,620 --> 00:14:15,940
作為一個開發商是它的很多複製和粘貼一些事情還是發現了一些代碼，並調整它。

145
00:14:16,450 --> 00:14:21,250
因此，我們需要讓這個適合我們所擁有的是一個輸入的名字是密碼類型，因為密碼。

146
00:14:21,460 --> 00:14:27,340
所以只是去這三個屬性複製。

147
00:14:27,340 --> 00:14:33,020
所以現在我們有鍵入他的口令模式是五個需要10。

148
00:14:33,340 --> 00:14:36,670
和標題等於5至10個字符。

149
00:14:36,760 --> 00:14:41,190
所以，讓我們來看看這並刷新此。

150
00:14:41,400 --> 00:14:45,180
確保我們擁有一切填寫。

151
00:14:45,630 --> 00:14:48,740
我點擊提交，它告訴我，請填寫此字段。

152
00:14:48,820 --> 00:14:57,310
5到10個字符和2型和3型和類型10餘不起作用。

153
00:14:57,580 --> 00:15:01,290
但是，如果我輸入五六它的工作。

154
00:15:01,300 --> 00:15:03,520
因此，讓我們探索更多一點點。

155
00:15:03,550 --> 00:15:05,170
讓我們先從這一個在這裡。

156
00:15:05,320 --> 00:15:07,080
讓我們改變這是。

157
00:15:07,480 --> 00:15:18,450
密碼必須是5至10個字符，並刷新之間。

158
00:15:18,490 --> 00:15:22,300
確保我們填寫一切，所以我們可以得到這樣的錯誤。

159
00:15:22,890 --> 00:15:30,670
我點擊提交，你可以看到我得到我們設置的密碼必須在5至10個字符之間的消息。

160
00:15:31,480 --> 00:15:33,620
所以，這就是這個稱號是做什麼的。

161
00:15:33,820 --> 00:15:36,710
它基本上是正在顯示錯誤消息。

162
00:15:37,410 --> 00:15:52,120
於是其他新的部分是這種模式，這是無可否認的一點奇怪，但使用的語法我們只是定義長度的範圍全長的就是這個輸入可以接受的。

163
00:15:52,120 --> 00:16:10,670
因此，如果我們改變這是兩到三個提交我還是不能接受那些不能接受的，但二是可以接受的。

164
00:16:11,470 --> 00:16:15,460
所以這只是定義，我們需要遵循一個範圍或模式。

165
00:16:15,930 --> 00:16:23,350
因此，有肯定更到這一點，你可以做其他事情，除了最小長度或長度範圍，但是這就是我需要你在這裡找到。

166
00:16:23,350 --> 00:16:27,660
如果你無法找到不要驚慌，它仍然非常早期。

167
00:16:27,820 --> 00:16:32,110
但是，將要為你嘗試這樣的事情更多的機會。

168
00:16:32,160 --> 00:16:45,860
所以我有一個完整的解決方案，我寫了這是完成它有一天和年份和月份的投入，你可以看到它是一種亂。

169
00:16:45,900 --> 00:16:50,790
我沒有手工編寫這一點，我沒想到你用手或者寫。

170
00:16:51,100 --> 00:16:53,940
所以我們會看到如何實際生成這個後來在類。

171
00:16:53,950 --> 00:16:58,120
你可以使用JavaScript來為你做它，所以你實際上沒有寫這個了。

172
00:16:58,450 --> 00:16:59,580
所以來看看解決方案。