1
00:00:00,600 --> 00:00:05,350
このビデオでは、ユーザー入力を得るための3つの追加方法について説明します。

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
次のselectタグは、ドロップダウンメニューの取得方法です。

5
00:00:16,230 --> 00:00:20,550
最後に、複数行のテキスト入力を作成するためのテキスト領域について説明します。

6
00:00:20,550 --> 00:00:22,290
 

7
00:00:23,130 --> 00:00:26,900
だから、私はもちろんHMOの定型文で始めるつもりです。

8
00:00:26,970 --> 00:00:33,570
それを保存してタイトルを追加して、ラジオボタンを追加してみましょう。

9
00:00:33,750 --> 00:00:37,830
だから、ラジオなので入力タイプだけです。

10
00:00:37,830 --> 00:00:43,410
そして、私はそれを複製するつもりです。チェックボックスだけを並べて見ることができるので、他のタイプを与えるつもりです。

11
00:00:43,410 --> 00:00:46,570
 

12
00:00:46,650 --> 00:00:48,900
これはここのラジオボタンです。

13
00:00:49,650 --> 00:00:51,850
私は一度それを選んだら、私はオフにすることはできません。

14
00:00:51,870 --> 00:00:55,350
これはオンとオフを切り替えることができるチェックボックスです。

15
00:00:55,470 --> 00:01:03,390
したがって、実際には、チェックボックスを使用してユーザーが選択できるようにするか、ユーザーが確認できる5つの選択肢があるとします。

16
00:01:03,390 --> 00:01:07,310
 

17
00:01:07,320 --> 00:01:09,890
私たちがユーザーに彼らを選ぶように求めているとしよう。

18
00:01:10,080 --> 00:01:12,800
これは求人サイトであり、スキルを選択したいと考えています。

19
00:01:12,900 --> 00:01:18,990
私たちは、彼らがJavaScriptを発声してHMOか多分JavaScriptだけを見ることができるようにしたい、そして彼らは私たちのラジオボタンをチェックしたり消したりするチェックボックスの束です。

20
00:01:18,990 --> 00:01:21,960
 

21
00:01:21,960 --> 00:01:26,280
しかし、通常、ユーザーが1つの選択肢を持っている場合に使用されます。

22
00:01:26,280 --> 00:01:33,840
したがって、Webサイトの典型的な例は、男女やその他の女性を確認するようなジェンダーのようなものでなければなりません。

23
00:01:33,840 --> 00:01:36,210
 

24
00:01:36,600 --> 00:01:38,920
あなたは1つの選択肢しか持たない。

25
00:01:39,000 --> 00:01:41,360
選択しないことは分かりません。

26
00:01:41,430 --> 00:01:49,410
たとえば、猫や犬を好むかどうかをユーザーが選択するフォームを作成し、両方を選択するオプションはありません。

27
00:01:49,500 --> 00:01:52,110
 

28
00:01:55,830 --> 00:01:58,090
 

29
00:01:58,110 --> 00:02:03,470
残念なことに、この世界では、それは黒または白のどちらかですが、私たちは犬を好む猫を好みます。

30
00:02:04,080 --> 00:02:07,430
そのために、2つのラジオボタンを用意します。

31
00:02:07,650 --> 00:02:15,600
そして、それが私たちが始めようとしているすべてのものなら、私は1つを選ぶことができ、もう1つは選ぶこともできます。

32
00:02:15,600 --> 00:02:16,650
私たちが望むものではありません。

33
00:02:16,650 --> 00:02:18,780
私は1つしか選ぶことができないようにしたい。

34
00:02:19,080 --> 00:02:24,550
だから私がやってみたいことは、フォームが作成され、そのフォームに入力を移動することです。

35
00:02:25,170 --> 00:02:29,490
そして今のところは、単にリクエストを取得するだけで、ページを更新するだけのデフォルトのアクションになるようにしておきます。

36
00:02:29,490 --> 00:02:31,290
 

37
00:02:31,650 --> 00:02:40,080
次のことは、ラベルをいくつか追加して、4つの構文を使用して、これが犬のためになるようにすることです。

38
00:02:40,080 --> 00:02:45,360
 

39
00:02:48,030 --> 00:02:51,570
それから、私たちは私たちの意見とIを与えなければなりません。 D. 犬。

40
00:02:51,650 --> 00:02:53,870
しかし、それらはその後一致しなければならない。

41
00:02:53,880 --> 00:02:55,690
同じことがここにあります。

42
00:02:55,980 --> 00:03:06,120
猫とId猫の別のラベルタグ。

43
00:03:06,210 --> 00:03:08,360
あなたが新鮮ならば、私たちは2つの選択肢を持っています。

44
00:03:08,430 --> 00:03:10,160
しかし、私はまだ両方を選ぶことができます。

45
00:03:10,500 --> 00:03:17,580
だから、私たちがする必要があるのは、これらの2つのラジオボタンが同じ選択のためにどのようになっているかを彼に伝えることです。

46
00:03:17,580 --> 00:03:20,550
 

47
00:03:20,550 --> 00:03:27,090
 

48
00:03:27,090 --> 00:03:34,620
そうするためには、name属性を使用する必要があります。名前属性は個々の入力に名前を付けていますが、名前はそれを参照することができ、HGP要求に格納されたり、名前が重要であるということもあります。

49
00:03:34,620 --> 00:03:36,000
 

50
00:03:36,270 --> 00:03:37,580
それでここに名前をつけましょう。

51
00:03:37,620 --> 00:03:46,370
最初の名前はペットの選択肢と呼んでいます。

52
00:03:47,610 --> 00:03:51,890
そしてここに入力すると、まったく同じ名前を付けるつもりです。

53
00:03:52,200 --> 00:03:59,760
そして、私たちがあなたに見せてくれるのは、同じ名前をつけることによって、それからそれらを結びつけることで、今私たちはただ一つを選ぶことができるということです。

54
00:03:59,760 --> 00:04:02,260
 

55
00:04:02,340 --> 00:04:03,510
だから我々はリフレッシュする場合。

56
00:04:03,650 --> 00:04:08,510
私は犬や猫をクリックすることができますが、両方をクリックすることはできません。

57
00:04:10,050 --> 00:04:11,500
もう一つ、私はあなたを見せます。

58
00:04:11,520 --> 00:04:14,400
フォームの最後にボタンを追加しましょう。

59
00:04:15,630 --> 00:04:21,360
 

60
00:04:21,360 --> 00:04:26,760
 

61
00:04:26,760 --> 00:04:27,800
私たちが今まで見てきたのは、実際には入力フォームがフォームの下部に提出することですが、ボタンがフォームの最後のものであれば、実際にフォームを送信することを示すためのボタンを表示します。

62
00:04:27,870 --> 00:04:33,960
したがって、入力のいくつかのオプションがあります。実際に入力する最後の入力ボタンまたは入力タイプの最後のボタンでフォームを送信してください。

63
00:04:33,960 --> 00:04:35,490
 

64
00:04:35,490 --> 00:04:38,250
さあ、今度は犬を選んでみましょう。

65
00:04:38,250 --> 00:04:40,270
唯一の自然選択です。

66
00:04:40,380 --> 00:04:47,520
名前はペットの選択であることを覚えておいてください。他の入力と同じように、クエリー文字列に何かが表示されるはずです。

67
00:04:47,520 --> 00:04:48,710
 

68
00:04:48,750 --> 00:04:57,420
私がゴーをクリックすると、私たちはペットの選択肢が等しいかどうかを確認します。

69
00:04:58,110 --> 00:05:04,710
だから私たちは、この決定の価値が何であるかを言う必要があるということを一つも欠いている。

70
00:05:04,710 --> 00:05:09,210
だからあなたは先に進んで、そのvalue属性の中にvalueタグを追加します。

71
00:05:09,360 --> 00:05:22,610
そして、ちょうどこの値が犬になると言うと、これは猫であり、どこから来ているのかを見ることができるようにすべての大文字にしましょう。

72
00:05:22,610 --> 00:05:28,010
 

73
00:05:28,220 --> 00:05:28,690
OK。

74
00:05:28,790 --> 00:05:36,430
つまり、ユーザーがペット選択肢の名前で犬をクリックすると、ユーザーが値下げしたネコを送信したり、ペットの選択肢の名前をクリックした場合、値の犬はすべて大文字で保存されます。

75
00:05:36,440 --> 00:05:42,910
 

76
00:05:42,920 --> 00:05:43,690
 

77
00:05:44,000 --> 00:05:50,170
だからちょうどあなたが犬をクリックしようとしていることを示すために、私たちはペットの選択肢を犬と同等にします。

78
00:05:50,360 --> 00:05:53,630
私たちが猫をしたら、猫のためにペットの選択をします。

79
00:05:53,690 --> 00:05:58,790
したがって、次の要素はselectタグであり、selectタグを使用すると、すばらしいドロップダウンメニューが作成されます。

80
00:05:58,790 --> 00:06:01,260
 

81
00:06:01,730 --> 00:06:03,300
したがって、タグ名が呼び出されます。

82
00:06:03,350 --> 00:06:04,510
それはちょうど選択です。

83
00:06:04,690 --> 00:06:06,470
開始タグと終了タグです。

84
00:06:06,860 --> 00:06:10,860
私がそれをして、スライドさせて私のページをリフレッシュすると、

85
00:06:10,920 --> 00:06:13,040
私は実際にはすでにドロップダウンメニューを取得しています。

86
00:06:13,060 --> 00:06:14,890
それはちょうど完全に空です。

87
00:06:14,930 --> 00:06:18,660
selectタグと一緒に、optionタグを使います。

88
00:06:18,940 --> 00:06:25,150
したがって、そこには使用可能なすべてのオプションがあります。選択するにはオプションタグを追加します。

89
00:06:25,430 --> 00:06:29,140
だから、ユーザーが自分の好きな色を選んでドロップダウンして、ここでいくつかのオプションを実行しましょう。

90
00:06:37,610 --> 00:06:39,510
 

91
00:06:39,590 --> 00:06:46,810
レッドオレンジとイエロー。

92
00:06:48,680 --> 00:06:53,780
あなたが見ることができるように、私たちは既に私たちの選択肢でここに素敵なドロップを取得します。

93
00:06:54,270 --> 00:06:58,330
私がヒットしたら、オレンジを選んで、私はヒットします。

94
00:06:58,940 --> 00:07:05,740
あなたが実際にここに何も得られないのが分かります。私たちがこの時間に黄色い犬を選ぶと、私たちは私が好きです。

95
00:07:05,770 --> 00:07:08,070
 

96
00:07:08,210 --> 00:07:13,940
私はまだペットの選択肢しか得られません。それは、私たちが提供する名前がないからです。

97
00:07:14,060 --> 00:07:20,030
だから私たちの選択で我々はそれに名前を付ける必要があり、単にそれをfavと呼んでみましょうし、ちょうど色をして、それを残してみましょう。

98
00:07:20,020 --> 00:07:21,360
 

99
00:07:22,270 --> 00:07:29,170
そして、私のページをリフレッシュして、猫をクリックさせて、黄色をクリックして、ここを見てみましょう。

100
00:07:29,360 --> 00:07:33,810
私は今、ペットの選択肢を取得する猫と色は黄色です。

101
00:07:34,460 --> 00:07:42,890
 

102
00:07:42,880 --> 00:07:51,230
 

103
00:07:51,230 --> 00:07:54,150
だから、私がこの場合イエローマップで選択したオプションに応じて、ブラウザはテキストがそのオプションの内側にあるものを取り、名前の色の値として送るだけです。

104
00:07:54,170 --> 00:08:02,450
そのため、リクエストで送信される値は、ドロップダウンでユーザーに表示されるものと同じにする必要はありません。

105
00:08:02,450 --> 00:08:05,260
 

106
00:08:05,260 --> 00:08:13,190
 

107
00:08:13,190 --> 00:08:21,510
したがって、ユーザーの気分を選択して、あなたの現在の気分は何ですか、私たちはここで幸せな顔をしたいと思うのであれば、その例があります。

108
00:08:23,120 --> 00:08:29,860
私が推測する最も感情のない顔と悲しい顔。

109
00:08:31,780 --> 00:08:37,810
ここで私たちの顔文字でこの素敵なドロップダウンに終わりますが、ユーザーが幸せを選択したときに、このすべてを送信したくないとしましょう。

110
00:08:37,930 --> 00:08:41,930
 

111
00:08:42,200 --> 00:08:48,570
代わりに、私たちは幸せな言葉を送ってほしい、または言葉がそれをするために送られると言いました。

112
00:08:48,670 --> 00:08:52,570
valueタグを使用します。

113
00:08:52,750 --> 00:08:54,990
だから我々は価値が等しいと言うでしょう。

114
00:08:55,000 --> 00:09:04,720
ハッピーとニュートラル、そして値が等しく設定されているとしましょう。

115
00:09:04,730 --> 00:09:10,220
今私は正しい犬をリフレッシュして外に出ようとすると、私は行くをクリックします。

116
00:09:10,660 --> 00:09:14,890
私はペットの選択肢を得ることがわかります犬と色は同じです。

117
00:09:15,010 --> 00:09:20,690
もちろん、その名前は、マークアップが意味を持ち、実際には意味をなされるように気分に変えたいと思う色として名前を保持していたからです。

118
00:09:20,680 --> 00:09:24,030
 

119
00:09:24,230 --> 00:09:29,050
だから猫はとても幸せですが、気分は幸せと同じです。

120
00:09:29,060 --> 00:09:29,300
OK。

121
00:09:29,330 --> 00:09:33,140
それだけで、私たちは選択肢でカバーする必要があります。

122
00:09:33,250 --> 00:09:37,250
もう一つのことは、textareaタグとtextareaです。

123
00:09:37,430 --> 00:09:44,330
私はそれをインドに置くでしょうが、複数の行である入力を作成する良い方法です。

124
00:09:44,380 --> 00:09:50,480
したがって、この入力タイプのようなテキスト入力はテキストと等しく、単一行です。

125
00:09:53,380 --> 00:09:55,250
 

126
00:09:55,250 --> 00:10:01,360
しかし、ユーザーにバイオの質問をしたり、非常にうまくいかない履歴書やコピーを貼り付けたり、このスリムな短い入力をしたい場合はどうでしょうか？

127
00:10:01,370 --> 00:10:05,540
 

128
00:10:05,620 --> 00:10:09,390
ですから、実際にはselectのような別のタグです。

129
00:10:09,430 --> 00:10:12,490
したがって、タイプの入力ではありません。

130
00:10:12,530 --> 00:10:15,560
これは実際にフォームコントロールの別のタイプです。

131
00:10:15,880 --> 00:10:19,690
そして、それが働く方法は2つの重要な部分があります。

132
00:10:19,690 --> 00:10:27,690
最初に、テキストエリアタグを作成し、それ自体でこのテキストエリアを提供します。

133
00:10:28,420 --> 00:10:35,860
しかし、私たちができるのは、テキスト領域がこれらの2つの属性の行と列を使っている正確な大きさを指定することです。

134
00:10:36,320 --> 00:10:37,720
 

135
00:10:37,970 --> 00:10:40,040
だから私はここにそれを見せます。

136
00:10:40,150 --> 00:10:47,890
10行50列から始めましょう。私のテキストエリアは両方向に展開されています。

137
00:10:48,230 --> 00:10:49,270
しかし、それは間違いなく広くなった。

138
00:10:49,280 --> 00:10:55,370
だから今私は100行を望んでいるとしましょう、あなたはそれがもっと長くなることがわかります。

139
00:10:55,370 --> 00:10:59,920
基本的には、テキスト領域のサイズを変更する行数と列数を指定できます。

140
00:10:59,920 --> 00:11:01,060
 

141
00:11:01,850 --> 00:11:07,870
それについてのもう1つのことは、これらの他の要素と同じように、小さなものから10まで10に戻ってみましょう。

142
00:11:07,880 --> 00:11:08,540
 

143
00:11:08,650 --> 00:11:14,570
これらの要素と同様に、リクエストでこのデータを送信したい場合は、この入力を取り除きましょう。

144
00:11:14,580 --> 00:11:15,460
 

145
00:11:15,670 --> 00:11:22,970
私はそれに名前を付ける必要があります名前は等しいと、単に段落をいくつかのテキストでこの段落を記入してみましょう。

146
00:11:28,100 --> 00:11:30,170
 

147
00:11:30,190 --> 00:11:33,800
私はgoをクリックして、これを見るか、または展開することができます。

148
00:11:33,930 --> 00:11:36,880
私は段落を取得するすべてのテキストここにすべての移動

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