1
00:00:00,600 --> 00:00:05,350
Bu videoda kullanıcı girdisini almanın üç ek yolu hakkında konuşacağız.

2
00:00:05,370 --> 00:00:10,830
İlk radyo düğmesi, gördüğümüz başka bir giriş etiketi türüdür.

3
00:00:11,010 --> 00:00:12,740
Bir onay kutusuna benzer.

4
00:00:12,780 --> 00:00:16,170
Sıradaki etiket, açılır menüler elde etme biçimimizdir.

5
00:00:16,230 --> 00:00:20,550
Ve son olarak, çok satırlı metin girdileri oluşturmanın metin

6
00:00:20,550 --> 00:00:22,290
alanı hakkında konuşacağız.

7
00:00:23,130 --> 00:00:26,900
Bu yüzden tabii ki şu standart HMO özet belgesiyle başlayacağım.

8
00:00:26,970 --> 00:00:33,570
Devam edin ve başlığa ekleyin, kaydedin ve devam edin ve bir radyo düğmesi ekleyin.

9
00:00:33,750 --> 00:00:37,830
Dolayısıyla radyo, sadece girdi türüdür.

10
00:00:37,830 --> 00:00:43,410
Ve çoğaltacağım ve diğer türe bir vereceğim çünkü onay

11
00:00:43,410 --> 00:00:46,570
kutusu onları yan yana görebiliyorsun.

12
00:00:46,650 --> 00:00:48,900
Yani burada bir radyo düğmesi var.

13
00:00:49,650 --> 00:00:51,850
Seçtikten sonra kapatamam.

14
00:00:51,870 --> 00:00:55,350
Bu, açıp kapatabileceğim bir onay kutusu.

15
00:00:55,470 --> 00:01:03,390
Yani farklılık gerçekten bir onay kutusunun seçilmesine izin veriyor veya bir kullanıcının kontrol edebileceği

16
00:01:03,390 --> 00:01:07,310
beş farklı seçenek olduğunu söylemesine izin verilmiyor.

17
00:01:07,320 --> 00:01:09,890
Diyelim ki, kullanıcılardan onların seçimini yapmalarını rica ediyoruz.

18
00:01:10,080 --> 00:01:12,800
Bu bir işyeri sitesi ve becerilerini seçmelerini istiyoruz.

19
00:01:12,900 --> 00:01:18,990
Onların javascript söyleyebilmelerini ve bir HMO veya belki yalnızca javascript olarak görmelerini ve radyo düğmemizi

20
00:01:18,990 --> 00:01:21,960
kontrol ettiklerini ve kontrol ettiklerini onaylamalarını istiyoruz.

21
00:01:21,960 --> 00:01:26,280
Ancak genellikle bir kullanıcının bir tercihi olduğunda kullanılır.

22
00:01:26,280 --> 00:01:33,840
Dolayısıyla, genelde Web sitelerindeki bir örnek, cinsiyet gibi bir şey olmalıdır; erkek veya kadın

23
00:01:33,840 --> 00:01:36,210
veya diğerlerini kontrol etmenizi ister.

24
00:01:36,600 --> 00:01:38,920
Ve sadece bir seçeneğin var.

25
00:01:39,000 --> 00:01:41,360
Seçilemediğini bilemez misin?

26
00:01:41,430 --> 00:01:49,410
Örneğin, kullanıcıların kedileri veya köpekleri tercih ettikleri durumlarda seçeceği bir forma sahip olacağımızı ve her ikisini

27
00:01:49,500 --> 00:01:52,110
de seçme seçeneğinin bulunmadığını söyleyelim

28
00:01:55,830 --> 00:01:58,090
diye elementlerden birini seçmek zorundasınız.

29
00:01:58,110 --> 00:02:03,470
Ne yazık ki bu dünyada siyah veya beyaz ya kedileri tercih eden köpekleri tercih ediyoruz.

30
00:02:04,080 --> 00:02:07,430
Bunu yapmak için iki radyo düğmesi olacak.

31
00:02:07,650 --> 00:02:15,600
Başlamak için elimizdeki tek şey buysa, bir tane seçebilir ve diğerini de seçebilirim.

32
00:02:15,600 --> 00:02:16,650
Tam olarak ne istersek.

33
00:02:16,650 --> 00:02:18,780
Sadece bir tane seçmek istiyorum.

34
00:02:19,080 --> 00:02:24,550
Bu yüzden yapmak istediğim ilk şey bir form alabilmektir ve girdilerimi bu forma taşıyacağım.

35
00:02:25,170 --> 00:02:29,490
Şimdilik bunu yalnızca bir istek ve yalnızca sayfayı yenilemek için varsayılan

36
00:02:29,490 --> 00:02:31,290
eylem olan şekilde bırakacağız.

37
00:02:31,650 --> 00:02:40,080
Yapacağımız sonraki şey birkaç etiket eklemek. Böylece ilerlemeye devam edeceğim ve

38
00:02:40,080 --> 00:02:45,360
bu dört sözdizimini kullanarak köpekler için olacak.

39
00:02:48,030 --> 00:02:51,570
Ve sonra girişimizi ve ben de vermek zorundayız. D. köpekler.

40
00:02:51,650 --> 00:02:53,870
Ancak o zamanların eşleşmesi gerekiyor.

41
00:02:53,880 --> 00:02:55,690
Aynı şey burada.

42
00:02:55,980 --> 00:03:06,120
Kediler ve daha sonra Id kedileri için bir başka etiket etiketi.

43
00:03:06,210 --> 00:03:08,360
Şimdi tazesanız, şimdi iki seçeneğimiz var.

44
00:03:08,430 --> 00:03:10,160
Ama yine de her ikisini de seçebilirim.

45
00:03:10,500 --> 00:03:17,580
Bu durumda yapmamız gereken, ona bu iki radyo düğmesinin nasıl aynı seçim için olduğunu anlatmak, böylece bir

46
00:03:17,580 --> 00:03:20,550
ya da diğerini seçebilirsin, ama bir karar.

47
00:03:20,550 --> 00:03:27,090
adın bireysel bir girdi ismi verdiğini hatırlayacak bir name özniteliği kullanmamız gerekiyor, ancak bu

48
00:03:27,090 --> 00:03:34,620
adresten başvurabilir ve ayrıca adların önemli olduğu HGP isteğinde saklandığı veya gönderdiği şekilde olduğu anlamına gelir.

49
00:03:34,620 --> 00:03:36,000
Bunu yapmak için,

50
00:03:36,270 --> 00:03:37,580
Bu yüzden ona bir isim verelim.

51
00:03:37,620 --> 00:03:46,370
Birincisi, evcil hayvan seçimi diyelim.

52
00:03:47,610 --> 00:03:51,890
Ve sonra burada girdiğimizde aynısını yapacağız.

53
00:03:52,200 --> 00:03:59,760
Ve bir saniyede göreceğiniz şeyi yapmamızın nedeni, onlara aynı adı vererek onları birbirine bağlayarak

54
00:03:59,760 --> 00:04:02,260
artık yalnızca birini seçebilmemizdir.

55
00:04:02,340 --> 00:04:03,510
Yani yenilersek.

56
00:04:03,650 --> 00:04:08,510
Köpekleri veya kedileri tıkayabilirim, ancak ikisini birden tıkayamıyorum.

57
00:04:10,050 --> 00:04:11,500
Ve göstereceğim bir şey daha.

58
00:04:11,520 --> 00:04:14,400
Formun sonuna bir düğme ekleyelim.

59
00:04:15,630 --> 00:04:21,360
Şimdiye kadar gördüğüm şey, aslında bir formun alt kısmında gönderilen girdi türü eşittir; ancak

60
00:04:21,360 --> 00:04:26,760
size düğmeyi bir formdaki son şeyse aslında formunu göndereceğini göstermek için bir düğme

61
00:04:26,760 --> 00:04:27,800
gösteriyorum. .

62
00:04:27,870 --> 00:04:33,960
Dolayısıyla, gönderilecek son veya girdi türünün son düğmesinde formun gönderilmesi için birkaç

63
00:04:33,960 --> 00:04:35,490
seçenek girişi bulunmaktadır.

64
00:04:35,490 --> 00:04:38,250
Şimdi de elbette köpekler seçelim.

65
00:04:38,250 --> 00:04:40,270
Oradaki tek doğal tercih.

66
00:04:40,380 --> 00:04:47,520
Adın evde beslenen hayvan seçimi olduğunu unutmayın, böylece burada başka herhangi bir girdi gibi sorgu dizesindeki

67
00:04:47,520 --> 00:04:48,710
bir şeyi görmeliyiz.

68
00:04:48,750 --> 00:04:57,420
Git'i tıkladığımızda evcil hayvan seçeneklerini eşit gösteriyor ve sonra O N veya üzerinde beklediğimiz gibi değil.

69
00:04:58,110 --> 00:05:04,710
Bu yüzden, bu kararın değerinin ne olduğunu söylememiz gereken bir şey eksik.

70
00:05:04,710 --> 00:05:09,210
Öyleyse devam edin ve değer etiketi değer özniteliğine ekleyin.

71
00:05:09,360 --> 00:05:22,610
Ve sadece bu değerin sadece köpek olacağını ve bu kedinin kedisi olacağını ve nereden geldiğini görebilmeniz

72
00:05:22,610 --> 00:05:28,010
için tüm kapaklarda iyi olalım diyelim.

73
00:05:28,220 --> 00:05:28,690
TAMAM.

74
00:05:28,790 --> 00:05:36,430
Yani kullanıcı pop petek seçimi adı altında köpekleri tıklarsa, kullanıcı kütüğü gönderir veya tıklarsa

75
00:05:36,440 --> 00:05:42,910
değer köpeklerini tüm büyük harflerle depolar veya hayvan seçiminde değer kedilerini büyük

76
00:05:42,920 --> 00:05:43,690
harflerle depolar.

77
00:05:44,000 --> 00:05:50,170
Bu yüzden size bunu göstermek için köpekleri tıklamamıza izin verin ve hayvan tercihi köpeklerle eşit olsun.

78
00:05:50,360 --> 00:05:53,630
Kediler yaparsak, kedilerden dolayı evcil hayvan tercihi yaparız.

79
00:05:53,690 --> 00:05:58,790
Dolayısıyla, konuşacağımız bir sonraki unsur seçili etiket ve seçilecek bir etiketle

80
00:05:58,790 --> 00:06:01,260
yapılması gereken güzel açılır menüler oluşturmak.

81
00:06:01,730 --> 00:06:03,300
Böylece etiket adı çağrılır.

82
00:06:03,350 --> 00:06:04,510
Sadece seçin.

83
00:06:04,690 --> 00:06:06,470
Bu bir açılış ve kapanış etiketi.

84
00:06:06,860 --> 00:06:10,860
Ve bunu yaparsam ve sonra slaytım ve sayfamı yeniliyorum.

85
00:06:10,920 --> 00:06:13,040
Zaten bir açılır menü alıyorum.

86
00:06:13,060 --> 00:06:14,890
Sadece tamamen boş.

87
00:06:14,930 --> 00:06:18,660
Böylece, select etiketi ile birlikte, seçenek etiketi kullanılır.

88
00:06:18,940 --> 00:06:25,150
Yani içinde kullanmak veya seçmek istediğiniz her olası seçenek için orada bir seçenek etiketi ekleyin.

89
00:06:25,430 --> 00:06:29,140
Bu durumda, kullanıcının favori rengini seçmesini sağlayan bir açılır menü yapalım

90
00:06:37,610 --> 00:06:39,510
ve birkaç seçenek burada yapalım.

91
00:06:39,590 --> 00:06:46,810
Kırmızı turuncu ve sarı.

92
00:06:48,680 --> 00:06:53,780
Görebildiğiniz gibi, seçimlerimizle birlikte burada güzel bir damla buluyoruz zaten.

93
00:06:54,270 --> 00:06:58,330
Ve eğer vurursam turuncu seçip gidelim.

94
00:06:58,940 --> 00:07:05,740
Aslında burada hiçbir şey elde edemediğimizi göreceksin ve oradaki köpeklerin bu sefer sarı renklerini seçtikleri

95
00:07:05,770 --> 00:07:08,070
ve gittiklerini istersek yapmamızı isterim.

96
00:07:08,210 --> 00:07:13,940
Hâlâ evcil hayvan seçimi yapıyorum ve bunun nedeni, sağladığımız bir adımızın bulunmaması.

97
00:07:14,060 --> 00:07:20,030
Seçimimiz üzerinde ona bir isim vermeliyiz ve ona sadece fav diyeyim ve sadece renkle gidelim

98
00:07:20,020 --> 00:07:21,360
ve bundan ayrılalım.

99
00:07:22,270 --> 00:07:29,170
Ve sayfamı yenileyelim kedileri tıklatalım gidelim sarı renkte tıklayın ve buraya gelene kadar izle.

100
00:07:29,360 --> 00:07:33,810
Şimdi evcil hayvan tercihleri ​​kedisi alıyorum ve renk sarı.

101
00:07:34,460 --> 00:07:42,890
Gördüğünüz şey, sarı eşlemelerde seçtiğim seçeneğe bağlı olarak tarayıcı metnin ne olursa

102
00:07:42,880 --> 00:07:51,230
olsun bu seçeneğin içindeki metni alıyor ve sadece adı renk altında

103
00:07:51,230 --> 00:07:54,150
bir değer olarak gönderiyor.

104
00:07:54,170 --> 00:08:02,450
gönderilen değerin, açılır menüde kullanıcıya gösterilen değerle aynı olmasını istemeyiz.

105
00:08:02,450 --> 00:08:05,260
Dolayısıyla, istekte birlikte

106
00:08:05,260 --> 00:08:13,190
Bunun bir örneği, kullanıcının bir ruh hali seçmesini istediysek, yani şu anki

107
00:08:13,190 --> 00:08:21,510
ruh halinin ne olduğunu ve burada mutlu bir yüzün olmasını istediğimizi düşünelim.

108
00:08:23,120 --> 00:08:29,860
Sanırım en duygusuz yüz ve üzücü bir yüz.

109
00:08:31,780 --> 00:08:37,810
Ve burada, ifadelerimizle birlikte bu hoş bir açıyla karşılaşıyoruz ancak bir

110
00:08:37,930 --> 00:08:41,930
kullanıcı mutlu seçtiğinde bunların hepsinin gönderilmesini istemiyoruz diyelim.

111
00:08:42,200 --> 00:08:48,570
Bunun yerine, kelimenin mutlu olmasını ya da kelimenin yapılmasını istediğini söylüyoruz.

112
00:08:48,670 --> 00:08:52,570
Üzgünüm, değer özniteliği değer etiketini kullanıyoruz.

113
00:08:52,750 --> 00:08:54,990
Bu durumda değer eşittir diyoruz.

114
00:08:55,000 --> 00:09:04,720
Ve sadece Mutlu, tarafsız ve değer eşittir ayarına eşit diyelim.

115
00:09:04,730 --> 00:09:10,220
Şimdi doğru köpekleri yenileyeyim, dışarı çıkalım ve tıklıyorum.

116
00:09:10,660 --> 00:09:14,890
Ben hayvan seçimi alıyorum görebilirsiniz köpekler ve renk eşittir dedi.

117
00:09:15,010 --> 00:09:20,690
Ve tabii ki adını renk olarak değiştirmek için sakladığımız, çünkü biçimlendirmemizin

118
00:09:20,680 --> 00:09:24,030
anlamlı olduğunu ve aslında mantıklı olmasını sağladık.

119
00:09:24,230 --> 00:09:29,050
Bu yüzden kediler mutlu soooo ve yine de ruh hali eşittir.

120
00:09:29,060 --> 00:09:29,300
TAMAM.

121
00:09:29,330 --> 00:09:33,140
Böylece seçimlerle birlikte ele almamız gereken tek şey bu.

122
00:09:33,250 --> 00:09:37,250
Bir diğer şey ise textarea etiketi ve textarea.

123
00:09:37,430 --> 00:09:44,330
Onu koyacağım, Hint birden fazla satır girdi oluşturmanın güzel bir yoludur.

124
00:09:44,380 --> 00:09:50,480
Dolayısıyla, bu girdi türü gibi metin girdileri metin eşittir

125
00:09:53,380 --> 00:09:55,250
ve tek satırlardır.

126
00:09:55,250 --> 00:10:01,360
Ama bir kullanıcıdan bir biyo istemek ya da bir özgeçmiş ya da çok iyi çalışmayacak

127
00:10:01,370 --> 00:10:05,540
bir şeyin kopyasını yapıştırmak ve bu gerçekten çok kısa girdiyi istiyorsak.

128
00:10:05,620 --> 00:10:09,390
Yani textarea Aslında select gibi başka bir etiket var.

129
00:10:09,430 --> 00:10:12,490
Yani bir türe sahip bir girdi değil.

130
00:10:12,530 --> 00:10:15,560
Aslında ayrı bir form denetimi türüdür.

131
00:10:15,880 --> 00:10:19,690
Ve orada çalışmanın yolu iki önemli parçadır.

132
00:10:19,690 --> 00:10:27,690
Birincisi, bir metin alanı etiketi oluşturuyoruz ve kendi başına bu metin alanını bize verecek.

133
00:10:28,420 --> 00:10:35,860
Ancak yapabileceğimiz, bu metin alanının bu iki öznitelikteki satır ve sütunları ne kadar büyük kullandığını

134
00:10:36,320 --> 00:10:37,720
tam olarak belirtmektir.

135
00:10:37,970 --> 00:10:40,040
O halde sana burada göstereceğim.

136
00:10:40,150 --> 00:10:47,890
10 sıra ve 50 sütundan başlayalım ve textarea'nın her iki yönde genişlediğini görebilirsiniz.

137
00:10:48,230 --> 00:10:49,270
Ama kesinlikle daha geniş oldu.

138
00:10:49,280 --> 00:10:55,370
Diyelim ki şimdi 100 satır istiyor ve çok daha uzun sürebilir görebilirsiniz.

139
00:10:55,370 --> 00:10:59,920
Temel olarak, kaç satır ve kaç sütun metin alanım boyutlarını

140
00:10:59,920 --> 00:11:01,060
değiştirmek için belirtebilirsiniz.

141
00:11:01,850 --> 00:11:07,870
Bununla ilgili başka bir şey, diğer elementlerle olduğu gibi 10'dan 10'a küçük olana

142
00:11:07,880 --> 00:11:08,540
dönelim.

143
00:11:08,650 --> 00:11:14,570
Tıpkı bu diğer öğeler gibi, bu verileri istekte göndermek isteseydim bu

144
00:11:14,580 --> 00:11:15,460
girdiden kurtulalım.

145
00:11:15,670 --> 00:11:22,970
Ona bir isim vermeliyim, isim eşittir ve sadece paragrafın bu paragrafı bazı

146
00:11:28,100 --> 00:11:30,170
metinlerle doldurduğunu söyleyelim.

147
00:11:30,190 --> 00:11:33,800
Git'i tıkladım ve bunu görebilir veya genişletebilirsiniz.

148
00:11:33,930 --> 00:11:36,880
Paragrafım her metinde her metne denk

149
00:11:39,790 --> 00:11:40,590
getiriyordum