1
00:00:01,200 --> 00:00:01,520
大丈夫。

2
00:00:01,530 --> 00:00:07,050
 

3
00:00:07,590 --> 00:00:14,010
 

4
00:00:14,010 --> 00:00:14,910
次のいくつかのビデオでは、すべてのフォームに各チームに焦点を当てます。フォームは、ユーザーからの入力を取得する方法です。写真にコメントするページにサインアップして写真をアップロードして、選択する色を選択します。デート。

5
00:00:14,940 --> 00:00:19,650
フォームとは非常に多くの異なることがあり、実際には比較的単純であり、彼を卒業しました。

6
00:00:19,650 --> 00:00:19,840
 

7
00:00:19,840 --> 00:00:23,450
私たちがここで学ぶ2つの重要な要素があります。

8
00:00:24,270 --> 00:00:30,840
フォームタグに焦点を当てて、入力タグのラベルタグに注目し、データの検証について学習することで仕上げる予定です。改革の一環として誰かがどのように書き込まれるかを確認するにはどうすればよいでしょうか。

9
00:00:30,840 --> 00:00:36,600
 

10
00:00:36,600 --> 00:00:41,860
誰かが私たちのパスワードを空白にしたり、空白にしたりすることはできません。

11
00:00:41,910 --> 00:00:46,900
ですから、あなたは日常生活の中で遭遇するいくつかのフォームを簡単に調査しましょう。

12
00:00:46,980 --> 00:00:51,330
だから私はTwitter FacebookのGoogleのようなサイトからいくつかの画像を持っている。

13
00:00:51,690 --> 00:00:54,280
見て、これらのいくつかを壊しましょう。

14
00:00:54,300 --> 00:00:57,420
Facebookのログインフォームです

15
00:00:57,600 --> 00:01:03,530
テキストにテキストを入力し、パスワードを入力する別の入力を置く場所があります。

16
00:01:03,530 --> 00:01:04,050
 

17
00:01:04,140 --> 00:01:07,920
ほとんどの場合、パスワードを入力すると、パスワードが実際に表示されないように点線で表示されます。

18
00:01:08,340 --> 00:01:09,990
チェックボックスをオンにします。

19
00:01:10,260 --> 00:01:14,500
このボタンをクリックすると、この全体を送信します。

20
00:01:14,640 --> 00:01:16,160
それで、これらをまとめてグループ化します。

21
00:01:16,290 --> 00:01:20,370
チェックボックスには、パスワード用のボタンの1つの電子メール用ボタンが1つありません。

22
00:01:20,370 --> 00:01:22,110
それはすべて一度に行きます。

23
00:01:22,110 --> 00:01:23,910
サインアップするときも同じです。

24
00:01:23,910 --> 00:01:29,560
より多くの入力が5つの異なるテキスト入力に3つの異なるドロップダウンメニューを持っています。

25
00:01:29,580 --> 00:01:33,790
これらは選択タグと呼ばれ、次にラジオボタンと呼ばれるものが2つあります。

26
00:01:34,050 --> 00:01:39,900
そして、ついにサインアップボタンを押して、これをすべて取って、どこかでFacebookに送って使ってもらう。

27
00:01:39,900 --> 00:01:40,760
 

28
00:01:41,100 --> 00:01:48,210
だから私たちが今日学ぶことは外国のタグであり、これらのフォームはちょっとばかげているだろう。

29
00:01:48,450 --> 00:01:51,730
彼らは実際に何もするつもりはない。

30
00:01:51,870 --> 00:01:53,940
実際にバックエンドを設定する必要があります。

31
00:01:53,950 --> 00:01:58,050
フォームに何かをするには、ロジックとバックエンドコードが必要なデータベースが必要です。

32
00:01:58,050 --> 00:02:02,450
だから、今のところ、彼らはこれを再現できるように見えるだろう。

33
00:02:02,640 --> 00:02:08,340
しかし、サインアップをクリックするか、ログインをクリックするかgoogleで検索すると、私たちのフォーラムは実際にそのロジックを実行します。

34
00:02:08,340 --> 00:02:09,790
 

35
00:02:10,110 --> 00:02:13,550
彼らは物事の一部に直面するフロントエンドユーザーになるだろう。

36
00:02:13,950 --> 00:02:15,780
最初のことはforumタグです

37
00:02:16,080 --> 00:02:22,920
したがって、forumタグは、基本的には、これらの異なるタイプの入力すべてのシェルまたはコンテナです。

38
00:02:22,920 --> 00:02:26,710
だから、これはこのすべての周りのフォーラムタグです。

39
00:02:26,910 --> 00:02:30,570
これは、これらのすべての周りの1つのフォームタグなどである可能性があります。

40
00:02:30,570 --> 00:02:36,030
ここに別のフォームタグがあります。フォーラムタグを作成するだけで、実際にページに何も表示されません。

41
00:02:36,240 --> 00:02:38,270
それはほんの一瞬でわかります。

42
00:02:38,280 --> 00:02:41,630
基本的にそれは単なるコンテナであり、私たちはすべての異なる入力をそこに置きます。

43
00:02:41,640 --> 00:02:47,540
チェックボックスやボタン、ドロップしたメニューやカラーの写真は、すべて卵の中に入ります。

44
00:02:48,090 --> 00:02:52,320
したがって、私たちがバックエンドになるときに、これともう少し時間を費やすという2つの重要な属性があります。

45
00:02:52,770 --> 00:02:58,410
ですから、フォームがフォームのどこかのサーバーにデータを送信する要求をどこかで送信することになります。

46
00:02:58,410 --> 00:03:01,980
 

47
00:03:02,040 --> 00:03:06,840
したがって、最初の部分のアクションは、データの送信先を指定することです。

48
00:03:07,320 --> 00:03:08,550
それはGoogleに行くのだろうか。

49
00:03:08,580 --> 00:03:13,830
彼はサインアップしようとしているのですか？私たちはこのクラスのバックエンドのセクションで、実際にそれをどうやって行うのかについてもっと学びます。

50
00:03:13,830 --> 00:03:16,570
 

51
00:03:16,800 --> 00:03:21,180
次に、2番目の部分は、どのタイプのHSDPAリクエストを送信するかです。

52
00:03:21,780 --> 00:03:25,230
だから私たちはリクエストを送信するか、投稿要求を送信することができます。

53
00:03:25,800 --> 00:03:28,930
そしてもう一度これは我々がもっと多くの時間を費やすつもりです。

54
00:03:29,130 --> 00:03:35,220
 

55
00:03:35,220 --> 00:03:41,280
 

56
00:03:41,280 --> 00:03:45,770
しかし単純化された一般化されたバージョンでは、情報を取得しようとしているデータの検索や取得のような処理をしているときにリクエストを行い、データベースに追加したいデータを送信するときにポストリクエストを送信しますサーバーに送信します。

57
00:03:45,780 --> 00:03:52,440
だから、ここの例では、Googleで検索するときにEnterキーを押すか、クリックして検索してリクエストします。

58
00:03:52,440 --> 00:03:54,070
 

59
00:03:54,180 --> 00:03:56,160
実際にはデータベースに何も追加していません。

60
00:03:56,160 --> 00:03:57,770
何も変わっていない。

61
00:03:57,840 --> 00:04:00,630
純粋にデータを検索するだけです。

62
00:04:00,710 --> 00:04:03,070
データを取得するのは取得リクエストです。

63
00:04:03,450 --> 00:04:08,420
FacebookやTwitterにサインアップするにはこちら。

64
00:04:08,460 --> 00:04:14,040
データを入力してサインアップをクリックすると、データが取り込まれ、実際にTwitterのデータベースに追加されます。

65
00:04:14,340 --> 00:04:17,370
 

66
00:04:17,370 --> 00:04:21,860
だから、やはりこのクラスでかなり後で実際に作業します。

67
00:04:21,990 --> 00:04:26,440
ですから、今は行動と方法、そしてそれらが存在するという事実に精通していてください。

68
00:04:26,640 --> 00:04:30,480
したがって、入力タグは実際にフォームの内部に入るものです。

69
00:04:30,600 --> 00:04:37,020
ここではさまざまな入力を作成する予定ですが、ここではテキスト入力のパスワード入力ラジオボタンです。

70
00:04:37,020 --> 00:04:38,120
 

71
00:04:38,190 --> 00:04:40,020
実際にはドロップダウンメニューは作成されません。

72
00:04:40,020 --> 00:04:45,360
それでは、後の演習でこれについて説明しますが、ユーザー入力のためのさまざまな入力を作成します。

73
00:04:45,360 --> 00:04:46,580
 

74
00:04:46,620 --> 00:04:48,840
だから私はここにいくつかの例があります。

75
00:04:48,900 --> 00:04:53,130
これらは、このタイプの属性を除いてまったく同じです。

76
00:04:53,310 --> 00:04:57,210
したがって、型がテキストと等しい場合、テキストボックス型は日付と等しくなります。

77
00:04:57,290 --> 00:04:59,970
この小さな日付ピッカータイプは色と同じです。

78
00:05:00,270 --> 00:05:04,230
カラーピッカーのエッフェルファイルを取得すると、ファイルピッカータイプのピクルのチェックボックスが表示されます。

79
00:05:04,260 --> 00:05:05,680
チェックボックスが表示されます。

80
00:05:05,850 --> 00:05:11,110
だから私は実際にエンディアンを引き上げて入力を探します。

81
00:05:11,110 --> 00:05:18,660
そして私がそうすると、タイプの下にある属性にスクロールするときに、指定できるすべてのタイプのリストがあります。

82
00:05:18,660 --> 00:05:20,970
 

83
00:05:21,550 --> 00:05:23,440
そして、ここには約30か40のものがあります。

84
00:05:23,790 --> 00:05:27,800
そして正直言ってここにはあなたがおそらく決して使う必要がないことがたくさんあります。

85
00:05:28,110 --> 00:05:30,810
しかし、あなたはいつも使っているものがいくつかあります。

86
00:05:30,810 --> 00:05:32,660
そして、私たちは本当にそれらに焦点を当てるつもりです。

87
00:05:32,700 --> 00:05:40,410
それらはテキストメールのパスワードの日付ボタンのようなもので、色のような他のもののいくつかを送信します。

88
00:05:41,040 --> 00:05:43,830
非常に頻繁に使用することはできません。

89
00:05:43,830 --> 00:05:46,120
間違いなく私たちはカラー写真を撮る機会が増えたことを願っています。

90
00:05:46,130 --> 00:05:50,910
それは私の入力が大好きですが、ここにはたくさんの選択肢があることを知りたがっています。

91
00:05:53,820 --> 00:05:59,060
フォームを作成するにはフォームタグを取り、いくつかの入力タグを入力します。

92
00:05:59,160 --> 00:06:00,960
ここには本当に簡単な例があります。

93
00:06:00,960 --> 00:06:02,230
我々は2つの入力を有する。

94
00:06:02,360 --> 00:06:06,830
テキスト型のPickleのパスワードと等しく、ここではこの素晴らしい形になります。

95
00:06:07,140 --> 00:06:12,190
そして、この最初の型を記入すると、通常のテキストのように見えるテキストに等しくなります。

96
00:06:12,280 --> 00:06:17,550
そして、タイプがパスワードに等しいと記入すると、それは隠されたパスワードフィールドを点いたものになります。