1
00:00:01,980 --> 00:00:09,360
OK alors la prochaine chose que je veux faire ici est en fait nous obtenir la construction de notre propre forum afin que je puisse aller de l'avant et ouvrir sublime.

2
00:00:09,450 --> 00:00:10,670
J'ai un nouveau fichier.

3
00:00:10,680 --> 00:00:11,760
Appelez ça comme vous voulez.

4
00:00:11,760 --> 00:00:17,810
Mine est formé que HMO va ajouter mon squelette dans leur plaque de chaudière.

5
00:00:17,880 --> 00:00:24,810
Donnez-lui un bon titre comme la démo de formulaire et puis je veux commencer.

6
00:00:24,840 --> 00:00:28,170
Rappelez-vous que nous avons la balise de formulaire et que nous avons la balise d'entrée.

7
00:00:28,260 --> 00:00:33,410
Nous commençons par l'entrée, alors jouons d'abord avec quelques balises d'entrée.

8
00:00:33,600 --> 00:00:36,930
Alors allons juste ajouter quelques-uns ici fera le texte.

9
00:00:36,930 --> 00:00:54,620
Quelle couleur est mon préféré Essayons la radio et faisons le mot de passe et dire que nous allons aller de l'avant et l'ouvrir dans Chrome et vous pouvez voir que nous avons quatre entrées différentes.

10
00:00:54,690 --> 00:00:56,180
Donc c'est du texte.

11
00:00:56,490 --> 00:00:59,580
C'est la couleur.

12
00:00:59,580 --> 00:01:01,940
Il s'agit d'un bouton radio.

13
00:01:02,810 --> 00:01:04,450
Et c'est le mot de passe.

14
00:01:05,310 --> 00:01:10,030
Donc encore une fois vous pouvez toujours aller à M.D et voir toutes les options possibles pour les entrées.

15
00:01:10,050 --> 00:01:10,920
C'est très peu.

16
00:01:11,220 --> 00:01:17,040
Mais ce que nous allons aller de l'avant et faire est de construire le formulaire de connexion simple que nous avons vu.

17
00:01:17,490 --> 00:01:23,750
Donc, même si nous avons vraiment besoin il ya ces deux entrées texte et mot de passe.

18
00:01:25,190 --> 00:01:28,930
Et puis nous allons aussi vouloir un bouton et nous avons quelques choix pour les boutons.

19
00:01:29,190 --> 00:01:35,840
Nous pouvons faire ceci créer une étiquette de bouton et cliquer disons soumettez ici.

20
00:01:37,290 --> 00:01:47,280
Mais ce qui peut également faire est de faire une autre entrée avec le type égal à soumettre et vous verrez l'actualiser.

21
00:01:47,910 --> 00:01:52,450
Ils ont l'air identique et ils ne vont rien faire dans ce cas.

22
00:01:52,770 --> 00:02:05,950
Donc, nous avons un nom d'utilisateur qui est ce qui va ici et puis nous avons notre mot de passe, mais il n'est pas vraiment clair pour un utilisateur juste quelqu'un qui rencontre ce formulaire pour la première fois.

23
00:02:06,000 --> 00:02:12,030
Donc, il ya un attribut nice appelé placeholder que nous pouvons ajouter et ce placeholder va faire.

24
00:02:12,090 --> 00:02:26,640
Il prend du texte, donc je vais aller de l'avant et ajouter placeholder ECOs nom d'utilisateur parce que le mot de passe et il va juste être le texte qui est temporairement remplissage de l'entrée avant que l'utilisateur modifie.

25
00:02:26,670 --> 00:02:34,130
Nous finissons donc avec une petite faute de frappe ici.

26
00:02:34,410 --> 00:02:38,270
Nous allons nous retrouver avec nom d'utilisateur et mot de passe.

27
00:02:39,090 --> 00:02:40,030
Revenons donc.

28
00:02:40,230 --> 00:02:44,700
Je vais juste ajouter et chacun d'eux ici juste dire log in.

29
00:02:45,660 --> 00:02:46,850
Voici notre formulaire.

30
00:02:47,310 --> 00:02:53,360
Bien que techniquement ce n'est pas un formulaire mais ce n'est pas un tag étranger, il ressemble à un formulaire pour nous.

31
00:02:53,370 --> 00:02:54,750
Ce sont deux entrées.

32
00:02:55,170 --> 00:02:55,990
Allons-y avec l'entrée.