D'accord.
Donc, dans les prochaines vidéos, nous allons nous concentrer sur chaque équipe de tous les formulaires afin que les formulaires sont la façon dont nous recevons des commentaires d'un utilisateur que ce soit pour s'inscrire à une page pour commenter une photo pour télécharger une photo pour choisir une couleur à choisir Un rendez-vous.
Il ya tellement de choses différentes à faire avec les formulaires et il est en fait relativement simple et l'a contourné.
Il ya juste deux éléments importants que nous allons apprendre ici.
Donc, nous allons nous concentrer sur la balise de formulaire de la balise d'entrée de la balise d'étiquette et puis nous allons aussi terminer en apprenant sur les validations de nos données comment nous assurer que quelqu'un comble une partie de la réforme.
Quelqu'un ne peut pas laisser notre mot de passe vierge ou e-mail vide ou quelque chose comme ça.
Donc, pour commencer, nous allons juste prendre un aperçu rapide de certaines des formes que vous rencontrez dans la vie quotidienne.
Donc j'ai quelques images ici des sites comme Twitter Facebook Google.
Jetons un coup d'oeil et brisez certains de ces vers le bas.
Voici donc le formulaire de connexion pour Facebook.
Nous avons un endroit où nous pouvons taper du texte dans le texte et mettre une autre entrée où nous tapons les mots de passe.
Très probablement lorsque vous tapez votre mot de passe là-bas il est pointé vers le bas de sorte que vous ne voyez pas réellement le mot de passe.
Et puis une case à cocher.
Et quand nous cliquons sur ce bouton, il soumet cette chose entière.
Donc, il regroupe ces derniers.
Nous n'avons pas un bouton pour le courrier électronique un bouton pour le mot de passe un bouton pour la case à cocher.
Tout va à la fois.
Même chose ici quand nous nous inscrivons.
Nous avons plus d'entrées cinq entrées de texte différentes trois menus déroulants différents.
Ceux-ci sont appelés étiquettes de sélection et puis deux choses appelées boutons radio.
Et puis enfin un bouton d'inscription qui va prendre tout cela et l'envoyer quelque part pour Facebook à utiliser.
Donc, ce que nous allons apprendre aujourd'hui, c'est l'étiquette étrangère et ces formulaires vont être un peu stupides.
Ils ne vont pas réellement faire quoi que ce soit.
Nous avons besoin d'avoir un backend mis en place.
Nous avons besoin d'une base de données, nous avons besoin d'une certaine logique et un code de retour arrière pour faire quelque chose avec le formulaire.
Donc, pour l'instant, ils vont juste ressembler à ce sera en mesure de recréer cela.
Mais quand vous cliquez sur s'inscrire ou vous cliquez sur le login ou vous recherchez sur google nos forums sont en fait va faire une partie de cette logique.
Ils vont juste être l'utilisateur frontal face à une partie des choses.
Donc, la première chose est la balise du forum.
Donc, la balise forum est essentiellement un shell ou un conteneur pour tous ces différents types d'entrées.
Il s'agit donc d'une étiquette de forum autour de tout cela.
Cela pourrait être une étiquette de formulaire autour de tous ces et ainsi de suite.
Voici une autre étiquette de formulaire en faisant juste une étiquette de forum que vous ne voyez pas réellement n'importe quoi sur la page.
On verra ça dans une seconde.
Fondamentalement, c'est juste un conteneur et nous mettons tous nos différents intrants là.
Ainsi les cases à cocher et les boutons et laissés tomber sur les menus et les images colorées vont tous à l'intérieur d'un œuf formé.
Donc, il ya deux attributs importants seront passer plus de temps avec cela lorsque nous arrivons à backend.
Donc, essayez de ne pas être raccroché sur exactement comment cela fonctionne, mais un formulaire va envoyer une demande quelque part, il envoie des données de la forme à un serveur quelque part.
Ainsi, la première partie d'action va spécifier où envoyer les données.
Va-t-il à Google.
Va-t-il signer la page est-ce qu'il va signer, nous allons apprendre beaucoup plus sur la façon dont nous faisons cela sur la partie arrière de cette classe.
Et puis la deuxième partie est quel type de demande HSDPA à envoyer.
Nous pourrions donc envoyer une demande d'achat ou nous pourrions envoyer une demande de poste.
Et encore une fois c'est une autre chose que nous allons passer beaucoup plus de temps sur.
Mais la version généralisée simple que nous faisons une demande d'obtenir lorsque nous faisons quelque chose comme la recherche ou la récupération des données que nous essayons d'obtenir des informations et nous faisons une demande de poste lorsque nous envoyons des données que nous voulons être ajoutés à une base de données affichée À un serveur.
Ainsi dans ces exemples ceci ici quand vous recherchez sur Google vous frappez entrent ou vous cliquent et recherchent qui va faire une demande.
Ce n'est pas ajouter quelque chose à la base de données.
Il ne change rien.
Il est tout simplement de récupérer des données de recherche.
C'est obtenir des données c'est une demande d'obtenir.
Ceux-ci cependant pour vous inscrire à Facebook ou vous inscrire à Twitter.
Ceux-ci vont être des demandes de poste lorsque vous avez entré des données et vous cliquez sur l'inscription, il prend vos données et effectivement l'ajoute à la base de données Twitter.
Encore une fois, nous allons y travailler un peu plus tard dans cette classe.
Donc, pour l'instant, il suffit de se familiariser avec l'action et la méthode et le fait qu'ils existent.
Ainsi, l'étiquette d'entrée est ce qui se passe réellement à l'intérieur de nos formulaires.
C'est ce qui va créer les différentes entrées que nous voyons ici une entrée de texte un mot de passe d'entrée un bouton radio.
Il ne crée pas réellement un menu déroulant.
Nous allons donc en parler dans l'exercice suivant, mais il crée toutes sortes d'entrées différentes pour l'entrée des utilisateurs.
J'ai donc quelques exemples ici.
Ils sont tous exactement les mêmes sauf pour ce type d'attribut.
Donc, si type est égal au texte, nous obtenons un type de zone de texte égal à la date.
Vous obtenez ce petit type de sélection de date égale couleur.
Vous obtenez un picker de couleur dans le fichier d'Eiffel, nous obtenons une case à cocher pickle de Pickle de type de fichier.
On a une case à cocher.
Donc, je suis en train de tirer sur endian et de recherche d'entrée.
Et comme je le fais que vous verrez que je défile vers le bas aux attributs sous le type il ya une liste de tous les types possibles que nous pouvons spécifier.
Et il y en a environ 30 ou 40 ici.
Et pour être honnête il ya beaucoup sur ici que vous n'aurez probablement jamais besoin d'utiliser.
Mais il ya quelques-uns que vous utilisez tout le temps.
Nous allons donc nous concentrer sur ces questions.
Ce sont des choses comme le texte d'email mot de passe date bouton soumettre alors certains des autres comme la couleur.
Vous ne pouvez pas utiliser très souvent du tout.
Je souhaite vraiment que nous avions plus de chances de faire des photos en couleur.
C'est mon préféré des intrants, mais je veux que vous soyez conscient qu'il ya beaucoup de choix différents ici.
Alors, pour créer un formulaire, nous prenons simplement un tag de formulaire et nous le remplissons avec quelques balises d'entrée.
Voici donc un exemple vraiment simple.
Nous avons deux entrées.
Equals texte type Pickle mot de passe et il nous rend cette belle forme ici.
Et vous pouvez voir que nous remplir ce premier type est égal au texte, il ressemble à du texte régulier.
Et comme nous remplissons le type égale mot de passe, il donne juste ceux pointillés les champs de mot de passe cachés.