1
00:00:00,750 --> 00:00:04,530
Donc la prochaine chose que nous voulons faire ici est d'introduire la balise forum.

2
00:00:04,800 --> 00:00:10,310
À l'heure actuelle, ce que nous avons est quelque chose que nous pourrions appeler une forme en anglais, mais techniquement unhitched lui.

3
00:00:10,320 --> 00:00:11,860
Il n'est pas considéré comme un formulaire.

4
00:00:11,970 --> 00:00:15,210
Il ne contient que trois entrées qui ne sont pas liées.

5
00:00:15,210 --> 00:00:16,730
Rappelez-vous donc le point d'une forme.

6
00:00:16,740 --> 00:00:19,360
C'est juste un conteneur où nous mettons nos intrants.

7
00:00:19,380 --> 00:00:24,110
Donc, oui, ils peuvent exister individuellement individuellement à l'extérieur d'une forme et parfois nous l'aurons.

8
00:00:24,330 --> 00:00:32,370
Mais si c'est une forme d'un emballage que nous voulons soumettre ensemble, il est logique pour nous de faire une étiquette de formulaire.

9
00:00:33,150 --> 00:00:39,970
Donc, je vais aller de l'avant et mettre ces données dans la balise de formulaire et l'enregistrer.

10
00:00:40,740 --> 00:00:45,010
Et rappelez-vous dans une forme, il ya deux attributs que nous avons discuté.

11
00:00:45,020 --> 00:00:53,640
Il ya une action qui est où le formulaire envoie des données.

12
00:00:53,640 --> 00:01:03,940
Et puis il ya aussi la méthode qui est ce HTP méthode GET ou POST.

13
00:01:04,080 --> 00:01:08,800
Et juste comme un rappel que la barre de raccourci barre pour obtenir le commentaire.

14
00:01:09,330 --> 00:01:10,570
D'ACCORD.

15
00:01:10,680 --> 00:01:15,900
Donc, s'il rafraîchit la page rien ne changera ou il apparaîtra comme rien ne change.

16
00:01:15,900 --> 00:01:18,310
Il ya un changement vraiment petit.

17
00:01:18,390 --> 00:01:40,750
Donc, si j'ajoute un texte ici et je n'ai pas la balise de formulaire ou rafraîchir la page, vous verrez que tout est en ligne dès que j'ajoute la balise de formulaire Cependant, la forme pousse c'est un bloc d'Allaman il pousse vers le bas Texte à la nouvelle ligne.

18
00:01:41,130 --> 00:01:49,530
Donc, une chose très mineure, mais autre que cela, il semble identique, il est fonctionnellement un changement que ma forme.

19
00:01:49,530 --> 00:01:53,660
Maintenant, si je rafraîchir la page, il fait quelque chose, ce n'est pas très impressionnant.

20
00:01:53,700 --> 00:01:58,820
Mais si je remplis mon nom d'utilisateur et mon mot de passe et que je clique sur submit.

21
00:01:58,860 --> 00:02:04,710
Faites attention ici et vous verrez ma page actualiser mes données disparaît.

22
00:02:04,850 --> 00:02:10,350
Ce bouton pour actualiser la page est activé brièvement comme vous pouvez le voir.

23
00:02:10,470 --> 00:02:13,140
Donc ma forme est envoyée.

24
00:02:13,140 --> 00:02:16,910
La chose est qu'il est simplement envoyé au même endroit où je suis actuellement.

25
00:02:16,920 --> 00:02:22,410
Donc, par défaut, si je ne spécifie pas une action, il va aller exactement au même endroit où je suis juste rafraîchir la page.

26
00:02:22,560 --> 00:02:26,580
Et si je ne spécifie pas une méthode, il va être une demande GET.

27
00:02:27,060 --> 00:02:28,770
Nous pourrions donc y changer.

28
00:02:28,810 --> 00:02:33,250
On pourrait dire que l'action et la méthode sont égales.

29
00:02:33,270 --> 00:02:51,750
Et nous allons changer dans autre chose, faisons l'action est égale HTP colon slash slash Wikipédia dot com méthode serait une demande GET ou rafraîchir la page, nous allons remplir quelques données ici.

30
00:02:51,870 --> 00:02:54,090
Remplissez mon formulaire cliquez sur soumettre.

31
00:02:54,090 --> 00:03:06,220
Cette fois, il ne va pas envoyer la demande à la même page que je suis sur pour envoyer une demande à Wikipedia et techniquement cela devrait être Wikipedia.

32
00:03:06,540 --> 00:03:12,160
Mais ils sont assez intelligents qu'ils réalisent que les gens essaient d'aller à dot com tout le temps et il redirection juste à dot org.

33
00:03:13,020 --> 00:03:16,120
OK, c'est un point d'action où nous envoyons des données.

34
00:03:16,140 --> 00:03:21,530
Bien sûr, nous n'allons pas vraiment envoyer des données à Wikipedia ou Google ou Facebook à partir d'un forum.

35
00:03:21,600 --> 00:03:27,230
Nous allons envoyer à notre propre serveur notre propre dos et que nous créons, mais nous n'avons pas encore.

36
00:03:27,240 --> 00:03:33,430
Donc, pour le moment, nous montrons simplement que nous pouvons modifier l'emplacement des données en modifiant l'action.

37
00:03:33,510 --> 00:03:44,510
Donc, je vais aller de l'avant et de se débarrasser de ces deux et il suffit de le garder comme forme où l'action va rafraîchir la même page que nous sommes sur et la méthode va être obtenir.

38
00:03:45,180 --> 00:03:52,660
Et si vous vous sentez confus, nous passerons beaucoup de temps à parler des demandes HTP et des méthodes et actions.

39
00:03:53,070 --> 00:03:54,350
Nous y arriverons.

40
00:03:54,360 --> 00:03:58,630
Pour l'instant ce n'est que sur l'avant-dernière de faire la forme.

41
00:03:58,740 --> 00:04:10,850
Il ya une autre chose dont je veux parler ici, c'est que lorsque nous envoyons ce formulaire, les données sont envoyées avec cette demande et il ya un moyen pour nous de voir cela.

42
00:04:10,860 --> 00:04:15,250
Donc, si nous donnons un nom à chaque élément de données que nous voulons être envoyé.

43
00:04:15,300 --> 00:04:16,720
C'est donc un attribut de nom.

44
00:04:17,010 --> 00:04:27,550
Je vais appeler le nom d'utilisateur sur le nom d'utilisateur et mettre et puis je vais dire nom est égal mot de passe sur le mot de passe d'entrée et je l'enregistrer.

45
00:04:27,550 --> 00:04:32,060
Je tape un nom d'utilisateur le mot de passe sera test un deux trois.

46
00:04:32,160 --> 00:04:41,250
Faites attention ici comme je le soumets et vous verrez que je reçois mes données ajoutées dans ce nouveau format que nous n'avons pas vu.

47
00:04:41,250 --> 00:04:42,720
Il est appelé une chaîne de requête.

48
00:04:42,750 --> 00:04:46,580
Un autre de ces sujets sera de consacrer beaucoup plus de temps à et nous arrivons à exprimer.

49
00:04:46,710 --> 00:04:52,410
Il s'agit essentiellement d'un point d'interrogation suivi de paires de valeurs clés séparées par des signifiants.

50
00:04:52,860 --> 00:04:55,830
J'ai donc un nom d'utilisateur qui est le nom que j'ai défini.

51
00:04:55,950 --> 00:05:00,850
Equals resti qui est la valeur de ce mot de passe d'entrée est le nom que je définis.

52
00:05:00,900 --> 00:05:04,120
Équivalent au test 1 2 3.

53
00:05:04,290 --> 00:05:10,890
Donc le point entier de ceci est que nous pouvons donner des noms aux données brutes à nos morceaux de données afin que nous puissions les récupérer plus tard.

54
00:05:10,890 --> 00:05:14,830
Donc, bien sûr, nous n'aurions pas réellement envoyer un mot de passe par l'euro.

55
00:05:14,940 --> 00:05:19,060
En fait, nous ne vous laissons pas savoir un utilisateur que tout utilisateur voit le mot de passe.

56
00:05:19,290 --> 00:05:23,830
Et c'est parce que nous utilisons une demande de post généralement plutôt qu'une demande de get.

57
00:05:23,850 --> 00:05:25,690
Il ya des moyens de contourner ce problème.

58
00:05:25,710 --> 00:05:27,550
Encore une fois ceci est tout pour plus tard dans la classe.

59
00:05:27,630 --> 00:05:31,400
Mais ce qui est important, c'est que ce n'est pas quelque chose que je vous montre parce que vous le ferez tout le temps.

60
00:05:31,410 --> 00:05:42,510
Je vous le montre parce que cela illustre le fait que lorsque nous tapons quelque chose dans un formulaire et lui donnons des données et ils cliquent sur soumettre les données est retiré de ce formulaire et une demande est envoyée quelque part.

61
00:05:42,570 --> 00:05:45,670
Et dans ce cas, il est envoyé exactement au même endroit où nous sommes déjà.

62
00:05:45,810 --> 00:06:09,080
Mais si nous changeons cela pour être action et revenir à Wikipédia Wikipedia ou nous utilisons le nom Rusty mot de passe test un deux trois vous verrez, il me prend à Wikipedia.

63
00:06:09,420 --> 00:06:11,220
Et il ajoute mes données ici.

64
00:06:11,280 --> 00:06:14,530
Nous avons donc envoyé une demande avec succès en utilisant ce formulaire.

65
00:06:14,910 --> 00:06:23,240
Et dans cette demande, les données ont été extraites des champs username et password, puis envoyées avec la requête.

66
00:06:23,280 --> 00:06:27,030
C'est donc la base de tous les types de formulaires que nous allons faire.