Okee.
Dus in de komende paar video's gaan we focussen op elk team alle vormen dus vormen zijn hoe we de input van de gebruiker of het nu aan te melden voor een pagina om te reageren op een foto om een ​​foto te uploaden naar een kleur te kiezen op te halen een date.
Er is zo veel verschillende dingen te doen met formulieren en het is eigenlijk relatief eenvoudig en gescherpt hem uit.
Er zijn slechts twee belangrijke elementen die we gaan om te leren over hier.
Dus we gaan om zich te concentreren op het formulier tag de input tag het label tag en dan zijn we ook gaan eindigen door te leren over validaties voor onze data hoe kunnen we ervoor zorgen dat iemand vult een deel van de hervorming.
Iemand kan niet onze wachtwoord leeg laat of e-mail blanco of iets dergelijks.
Dus om te beginnen laten we eens een snelle overzicht van enkele van de formulieren die je tegenkomt in het dagelijks leven.
Dus ik heb een aantal foto's hier van sites als Twitter Facebook Google.
Laten we eens een kijkje nemen en breken een aantal van deze naar beneden.
Dus hier is de log in vorm voor Facebook.
We hebben een plek waar we wat tekst in de tekst kan typen en zet een andere ingang waar we typen wachtwoorden.
Het meest waarschijnlijk wanneer u uw wachtwoord typt daar is het naar beneden verspreid, zodat u het wachtwoord eigenlijk niet te zien.
En dan een checkbox.
En als we op deze knop klikt stelt zij deze hele zaak.
Dus het groepen die bij elkaar.
We hebben niet een knop voor e-mail een knop voor het wachtwoord een knop voor het selectievakje hebben.
Het gaat allemaal in een keer.
Hetzelfde hier toen we aanmelden.
We hebben meer ingangen kreeg vijf verschillende tekstinvoer drie verschillende dropdown menu's.
Dit zijn de zogenaamde select-tags en vervolgens twee dingen genoemd radio knoppen.
En dan eindelijk een teken up knop dat het gaat om dit allemaal te nemen en stuur het ergens om Facebook te gebruiken.
Dus wat we gaan om te leren vandaag is de buitenlandse tag en deze vormen gaat een beetje dom te zijn.
Ze zijn niet van plan om daadwerkelijk iets te doen.
We moeten eigenlijk een backend opgezet.
We hebben een databank we wat logica en een aantal back-end code om iets met de vorm wel nodig.
Dus voor nu zijn ze gewoon gaan om te kijken als deze in staat zijn om dit opnieuw zal zijn.
Maar wanneer u klikt aanmelden of u klikt op inloggen of u zoeken op google onze forums zijn eigenlijk van plan om een ​​van die logica te doen.
Ze gaan gewoon naar het front end gebruiker geconfronteerd met een deel van de dingen.
Dus het eerste wat is het forum tag.
Dus het forum tag is eigenlijk een reservoir of een houder voor al deze verschillende inputs.
Dus dit is een forum tag rond dit alles.
Dit kan men formuliertag rond al deze en ga zo maar door.
Hier is een andere vorm tag door gewoon het maken van een forum tag je niet echt iets op de pagina te zien.
We zullen zien dat in slechts een seconde.
Eigenlijk is het gewoon een container en zetten we al onze verschillende inputs in.
Dus vakjes en knoppen en laten vallen op de menu's en gekleurde foto's al naar binnen gaan van een gevormde ei.
Zo zijn er twee belangrijke attributen zal wat meer tijd doorbrengen met dit als we in backend.
Dus probeer niet te krijgen opgehangen op precies hoe dit werkt, maar een vorm gaat om een ​​verzoek ergens te sturen stuurt de gegevens van het formulier naar een server ergens.
Dus het eerste deel actie gaat om aan te geven waar de gegevens te verzenden.
Gaat het Google.
Gaat hij te melden pagina gaat het om zijn uitloggen gaan we veel meer over hoe we eigenlijk dat te doen op de back-end gedeelte van deze klasse te leren.
En dan is het tweede deel is wat voor soort HSDPA verzoek te sturen.
Dus konden we een get verzoek te verzenden of we kunnen een bericht te versturen.
En ook dit is een ander ding dat we gaan veel veel meer tijd aan besteden.
Maar de eenvoudige gegeneraliseerde versie maken we een verzoek krijgen wanneer we iets te zoeken of het ophalen van gegevens die we proberen om informatie te krijgen aan het doen zijn en we maken een post verzoek als we het verzenden van gegevens die we willen worden toegevoegd aan een database geplaatst een server.
Dus in deze voorbeelden deze hier als u zoekt op Google hit u invoeren of u klikt op en zoek dat gaat om een ​​verzoek in te dienen.
Het is eigenlijk niets toevoegen aan de database.
Het is niet iets te veranderen.
Het is puur gewoon om gegevens terug te zoeken.
Het wordt data is het een get aanvraag.
Deze hier wel aan te melden voor Facebook of meld je aan voor Twitter.
Die gaan na verzoeken zijn als je in data getypt en u klikt aanmelden duurt van uw gegevens en eigenlijk voegt het toe aan Twitter's database.
Dus nogmaals we gaan echt werken op dat nogal wat later in deze klasse.
Dus nu slechts kennis hebben actie en werkwijze en het feit dat ze bestaan.
Dus de input tag is wat er werkelijk gaat binnenkant van onze formulieren.
Het is wat er aan de verschillende ingangen die we zien hier een tekst invoeren van een wachtwoord invoeren van een radio-knop te maken.
Het doet er niet echt zorgen voor een dropdown menu.
Dus we in de latere oefening praten over, maar het creëert allerlei verschillende ingangen voor input van de gebruiker.
Dus heb ik een paar voorbeelden.
Ze zijn allemaal precies hetzelfde, behalve voor dit type attribuut.
Dus als soort gelijk is aan de tekst krijgen we een tekstvak soort gelijk aan de datum.
U krijgt deze kleine datumplukker soort gelijk kleur.
Je krijgt een kleur plukker Eiffel bestand krijgen we een bestand picker typen checkbox Pickle's.
We krijgen een checkbox.
Dus ik ben eigenlijk van plan om endian trekken en te zoeken voor input.
En als ik dat zie je zoals ik scroll naar beneden om attributen in het kader van het type is er een lijst van alle mogelijke soorten die we kunnen geven.
En er is ongeveer 30 of 40 van hen hier.
En om eerlijk te zijn is er veel hier op dat je waarschijnlijk nooit meer hoeft te gebruiken.
Maar er zijn een paar die je de hele tijd te gebruiken.
En dus gaan we echt concentreren op die.
Dat zijn dingen zoals tekst e-mail wachtwoord date knop te leggen dan een aantal van de andere degenen zoals kleur.
Je mag niet zo vaak gebruikt op alle.
Ik zeker wou dat we meer kansen om kleurenfoto's te doen.
Het is mijn favoriet van de ingangen, maar ik wil dat je bewust te zijn dat er een heleboel verschillende keuzes.
Dus dan naar een vorm die we gewoon een vorm tag te maken en we vullen met sommige input-tags.
Dus hier is een heel eenvoudig voorbeeld.
We hebben twee ingangen.
Evenaart tekst type Pickle's wachtwoord en het maakt ons dit aardige vorm hier.
En je kunt zien als we het invullen van dit eerste type is gelijk aan de tekst het ziet er gewoon als gewone tekst.
En zoals we vul het soort gelijk vergeten het geeft alleen die bezaaid de verborgen wachtwoord velden.