1
00:00:00,750 --> 00:00:04,530
Então, a próxima coisa que queremos fazer aqui é apresentar a tag do fórum.

2
00:00:04,800 --> 00:00:10,280
Agora, o que temos é algo que podemos chamar de um formulário em inglês, mas tecnicamente o desconectou.

3
00:00:10,320 --> 00:00:11,860
Não é considerado um formulário.

4
00:00:11,970 --> 00:00:15,210
Tem apenas três entradas que não estão relacionadas.

5
00:00:15,210 --> 00:00:16,730
Então lembre-se do ponto de uma forma.

6
00:00:16,740 --> 00:00:19,360
É apenas um recipiente onde colocamos nossas entradas.

7
00:00:19,380 --> 00:00:24,110
Então, sim, eles podem existir individualmente individualmente fora de uma forma e, às vezes, teremos isso.

8
00:00:24,330 --> 00:00:30,600
forma, uma coisa embalada que queremos enviar juntos, então faz sentido fazer uma etiqueta de formulário.

9
00:00:30,600 --> 00:00:32,370
Mas se esta é uma

10
00:00:33,150 --> 00:00:39,970
Então vou seguir em frente e colocar esses dados na etiqueta do formulário e salvá-lo.

11
00:00:40,740 --> 00:00:45,010
E lembre-se de uma forma, existem dois atributos que discutimos.

12
00:00:45,020 --> 00:00:53,640
Há ação na qual o formulário envia dados para.

13
00:00:53,640 --> 00:01:03,940
E então também há o método que é o método HTP GET ou POST.

14
00:01:04,080 --> 00:01:08,800
E apenas como uma atualização desse comando de atalho para obter o comentário.

15
00:01:09,330 --> 00:01:10,570
ESTÁ BEM.

16
00:01:10,680 --> 00:01:15,900
Então, se ele atualizar a página, nada mudará ou aparecerá como se nada mudasse.

17
00:01:15,900 --> 00:01:18,310
Há uma mudança muito pequena.

18
00:01:18,390 --> 00:01:29,730
Então, se eu adicionar algum texto aqui e eu não tenho a etiqueta do formulário ou atualizar a página, você verá que tudo está na linha assim que

19
00:01:29,730 --> 00:01:38,850
eu adicionar a etiqueta do formulário No entanto, o formulário o empurra é um bloco de Allaman que empurra para baixo esse

20
00:01:38,850 --> 00:01:40,750
texto para a nova linha.

21
00:01:41,130 --> 00:01:49,080
Então, uma coisa muito pequena, mas, além disso, parece idêntica, há funcionalmente uma mudança, apesar da minha

22
00:01:49,080 --> 00:01:49,530
forma.

23
00:01:49,530 --> 00:01:53,660
Agora, se eu atualizar a página realmente faz algo, não é muito impressionante.

24
00:01:53,700 --> 00:01:58,820
Mas se eu preencher meu nome de usuário e senha e acertei no submit.

25
00:01:58,860 --> 00:02:04,710
Preste atenção aqui e você verá que minha página realmente atualiza meus dados desaparecem.

26
00:02:04,850 --> 00:02:10,350
Este botão para atualizar a página está ativado brevemente como você pode ver.

27
00:02:10,470 --> 00:02:13,140
Então meu formulário está sendo enviado.

28
00:02:13,140 --> 00:02:16,910
O que é que está sendo enviado ao mesmo lugar onde eu atualmente estou.

29
00:02:16,920 --> 00:02:21,300
Então, por padrão, se eu não especificar uma ação, vai ao exato lugar onde eu estou

30
00:02:21,300 --> 00:02:22,410
apenas atualizando a página.

31
00:02:22,560 --> 00:02:26,580
E se eu não especificar um método, será uma solicitação GET.

32
00:02:27,060 --> 00:02:28,770
Então, podemos entrar e mudar isso.

33
00:02:28,810 --> 00:02:33,250
Poderíamos dizer ação e método iguais.

34
00:02:33,270 --> 00:02:45,240
E vamos mudar em algo mais, vamos fazer uma ação igual a HTP, a barra de barras diagonal, Wikipedia, o método seria um

35
00:02:46,030 --> 00:02:51,750
pedido GET ou atualizar a página, vamos preencher alguns dados aqui.

36
00:02:51,870 --> 00:02:54,090
Preencha o meu formulário, clique em enviar.

37
00:02:54,090 --> 00:02:59,490
Desta vez, não vai enviar o pedido para a mesma página em que eu vou enviar uma

38
00:03:03,420 --> 00:03:06,220
solicitação à Wikipedia e, tecnicamente, isso deve ser Wikipedia.

39
00:03:06,540 --> 00:03:10,780
Mas eles são inteligentes o suficiente para que eles percebam que as pessoas tentam ir ao ponto com o tempo

40
00:03:10,780 --> 00:03:12,160
todo e apenas redireciona para dot org.

41
00:03:13,020 --> 00:03:16,120
OK, então é um ponto de ação onde é que enviamos dados.

42
00:03:16,140 --> 00:03:21,530
Claro que não vamos realmente enviar dados para a Wikipedia ou Google ou Facebook de um fórum.

43
00:03:21,600 --> 00:03:26,940
Nós vamos enviar para o nosso próprio servidor nossas próprias devoluções e que criamos, mas ainda não temos isso.

44
00:03:27,240 --> 00:03:32,910
Então, por enquanto, estamos apenas demonstrando que podemos alterar a localização dos dados alterando a ação.

45
00:03:33,510 --> 00:03:39,900
Então vou seguir em frente e livrar-me de ambos e simplesmente mantê-lo como forma em que a ação

46
00:03:39,900 --> 00:03:44,510
vai atualizar a mesma página em que estamos e o método será alcançado.

47
00:03:45,180 --> 00:03:50,880
E se você está se sentindo confuso com isso, passaremos muito tempo falando sobre solicitações de

48
00:03:50,910 --> 00:03:52,660
HTP e métodos e ações.

49
00:03:53,070 --> 00:03:54,350
Então vamos chegar lá.

50
00:03:54,360 --> 00:03:58,630
Por enquanto, isso é puramente sobre a frente de fazer a forma.

51
00:03:58,740 --> 00:04:04,380
Então, há uma outra coisa sobre a qual eu quero falar aqui é que, quando

52
00:04:04,380 --> 00:04:10,850
enviamos esse formulário, os dados são enviados junto com esse pedido e há uma maneira de ver isso.

53
00:04:10,860 --> 00:04:15,250
Então, se darmos um nome para cada dado que queremos ser enviado.

54
00:04:15,300 --> 00:04:16,720
Então, é um atributo de nome.

55
00:04:17,010 --> 00:04:23,370
Eu vou chamar o nome do usuário no nome do usuário e colocar e então vou dizer que o nome

56
00:04:23,870 --> 00:04:27,550
é igual à senha na entrada da senha e eu salvar isso.

57
00:04:27,550 --> 00:04:32,060
Digite um nome de usuário, a senha será testar um dois três.

58
00:04:32,160 --> 00:04:40,680
Preste atenção até aqui enquanto eu envio isso e você verá que eu adiciono os meus dados neste novo formato que não

59
00:04:40,680 --> 00:04:41,250
vimos.

60
00:04:41,250 --> 00:04:42,720
É chamado de seqüência de consulta.

61
00:04:42,750 --> 00:04:46,580
Outro desses tópicos vai dedicar muito mais tempo e nós podemos expressar.

62
00:04:46,710 --> 00:04:52,410
Basicamente, é um ponto de interrogação seguido de pares de valores-chave separados por ampersands.

63
00:04:52,860 --> 00:04:55,830
Então eu tenho um nome de usuário que é o nome que eu configurei.

64
00:04:55,950 --> 00:05:00,850
Igual a resti, que é o valor dessa senha de entrada, é o nome que eu configurei.

65
00:05:00,900 --> 00:05:04,120
Equals Test 1 2 3.

66
00:05:04,290 --> 00:05:09,150
Então, o argumento é que podemos dar nomes aos dados em bruto para nossos dados,

67
00:05:09,150 --> 00:05:10,890
para que possamos recuperá-los mais tarde.

68
00:05:10,890 --> 00:05:14,830
Então, é claro, não enviaríamos uma senha pelo Euro.

69
00:05:14,940 --> 00:05:19,060
Na verdade, não o informamos sobre um usuário que qualquer usuário veja a senha.

70
00:05:19,290 --> 00:05:23,830
E isso é porque usamos uma solicitação de publicação geralmente em vez de um pedido de get.

71
00:05:23,850 --> 00:05:25,690
Há maneiras de contornar isso.

72
00:05:25,710 --> 00:05:27,550
Mais uma vez, isso é tudo para mais tarde na aula.

73
00:05:27,630 --> 00:05:31,380
Mas o que é importante é que isso não é algo que eu estou mostrando para você porque você fará isso o tempo todo.

74
00:05:31,410 --> 00:05:36,540
Estou mostrando isso porque ilustra o fato de que, quando escrevemos algo em um formulário e damos

75
00:05:36,540 --> 00:05:42,420
alguns dados e clicam em enviar, os dados são retirados desse formulário e um pedido é enviado em algum lugar.

76
00:05:42,570 --> 00:05:45,670
E neste caso é enviado exatamente para o mesmo lugar onde já estamos.

77
00:05:45,810 --> 00:05:53,190
Mas se mudarmos isso para ser uma ação e voltem para Wikipedia Wikipedia ou

78
00:05:57,920 --> 00:05:59,960
usamos o nome Rusty

79
00:06:02,870 --> 00:06:09,080
password test one two three você verá que me leva à Wikipedia.

80
00:06:09,420 --> 00:06:11,220
E acrescenta meus dados aqui.

81
00:06:11,280 --> 00:06:14,530
Então enviamos um pedido exitosamente usando esse formulário.

82
00:06:14,910 --> 00:06:21,480
E nesse pedido os dados foram extraídos dos campos de nome de usuário e senha e depois

83
00:06:21,480 --> 00:06:23,240
enviados junto com o pedido.

84
00:06:23,280 --> 00:06:27,030
Então, essa é a base de todos os tipos de formas que vamos fazer.

85
00:06:27,030 --> 00:06:32,540
Não é sempre uma solicitação de obtenção, mas nossos formulários mais tarde vão extrair dados, enviá-lo para algum lugar

86
00:06:32,940 --> 00:06:35,940
e depois processaremos os dados e o receberemos no backend