1
00:00:01,980 --> 00:00:07,650
Ok, então a próxima coisa que eu quero fazer aqui é realmente nos fazer construir nosso próprio fórum para que eu possa

2
00:00:07,650 --> 00:00:09,360
ir em frente e abrir sublime.

3
00:00:09,450 --> 00:00:10,670
Eu tenho um novo arquivo.

4
00:00:10,680 --> 00:00:11,760
Ligue o que quiser.

5
00:00:11,760 --> 00:00:17,810
O meu é formado que HMO vai adicionar meu esqueleto em sua placa de caldeira.

6
00:00:17,880 --> 00:00:24,810
Dê um bom título como demonstração de formulário e então eu quero começar.

7
00:00:24,840 --> 00:00:28,170
Lembre-se de que temos a etiqueta do formulário e depois temos a tag de entrada.

8
00:00:28,260 --> 00:00:33,410
Começamos com a entrada, então vamos brincar com algumas tags de entrada primeiro.

9
00:00:33,600 --> 00:00:36,930
Então, vamos apenas adicionar alguns aqui, farão o texto.

10
00:00:36,930 --> 00:00:49,020
De que cor é o meu favorito, vamos tentar o rádio e vamos fazer uma senha e dizer que vamos seguir em frente e abri-lo

11
00:00:49,020 --> 00:00:54,620
no Chrome e você pode ver que temos quatro entradas diferentes.

12
00:00:54,690 --> 00:00:56,180
Então, isso é texto.

13
00:00:56,490 --> 00:00:59,580
Isso é cor.

14
00:00:59,580 --> 00:01:01,940
Este é um botão de rádio.

15
00:01:02,810 --> 00:01:04,450
E esta é a senha.

16
00:01:05,310 --> 00:01:10,030
Então, novamente, você sempre pode ir para M. D e para ver todas as opções possíveis para as entradas.

17
00:01:10,050 --> 00:01:10,920
São alguns poucos.

18
00:01:11,220 --> 00:01:17,040
Mas o que vamos seguir e fazer é construir o formulário de log simples que já vimos.

19
00:01:17,490 --> 00:01:23,750
Então, embora realmente precisemos, existem esses dois dados de entrada e senha.

20
00:01:25,190 --> 00:01:28,930
E então, também vamos querer um botão e temos algumas opções para botões.

21
00:01:29,190 --> 00:01:35,840
Podemos fazer isso, crie uma marca de botão e clique, vamos dizer, enviar aqui.

22
00:01:37,290 --> 00:01:47,280
Mas o que também pode fazer é fazer outra entrada com o tipo igual a submeter e você verá a atualização.

23
00:01:47,910 --> 00:01:52,450
Parecem idênticos e não vão fazer nada neste caso.

24
00:01:52,770 --> 00:02:00,780
temos nossa senha, mas não é realmente claro para um usuário apenas alguém que está encontrando este formulário pela primeira vez.

25
00:02:00,780 --> 00:02:05,950
Então, temos um nome de usuário que é o que irá aqui e depois

26
00:02:06,000 --> 00:02:12,030
Então, há um atributo agradável chamado espaço reservado que podemos adicionar e que espaço reservado fará.

27
00:02:12,090 --> 00:02:18,050
É preciso algum texto para que eu vá em frente e adicione o espaço reservado do nome de

28
00:02:18,510 --> 00:02:26,640
usuário do ECO do espaço reservado porque a senha e será o texto que está temporariamente preenchendo a entrada antes que o usuário o altere.

29
00:02:26,670 --> 00:02:34,130
Então, acabamos com um pequeno erro de digitação aqui.

30
00:02:34,410 --> 00:02:38,270
Nós terminamos com o nome de usuário e a senha.

31
00:02:39,090 --> 00:02:40,030
Então vamos voltar.

32
00:02:40,230 --> 00:02:44,700
Eu só vou adicionar e cada um aqui apenas diga log in.

33
00:02:45,660 --> 00:02:46,850
Aqui está o nosso formulário.

34
00:02:47,310 --> 00:02:53,360
Embora, tecnicamente, não é uma forma, ainda não é uma etiqueta estrangeira, ele se parece apenas a um formulário para nós.

35
00:02:53,370 --> 00:02:54,750
São duas entradas.

36
00:02:55,170 --> 00:02:55,990
Vamos entrar com a entrada.

37
00:02:55,990 --> 00:03:02,010
Digite que você envie apenas para que possamos realmente martelar esse ponto que o atributo de tipo pode mudar

38
00:03:02,010 --> 00:03:03,870
drasticamente o que o input faz