HTML5 - Oprettelse af formularer

Formularerne er elementer i HTML 5, der tillader indsamling af data gennem andre underordnede elementer, for at behandle disse data vil vi kræve et ekstra sprog for at kunne bruge de data, der sendes af formularen, det tag, som vi vil bruge som en stor beholder vil være form.
Opret en grundlæggende formular
For at generere en formular skal vi bruge etiketten form Dette vil være vores store beholder, inden for den vil vi gruppere dataindtastningselementer, sektionnavn og knapper, der angiver en bestemt handling; de grundlæggende komponenter, der skal gå ind i form er: input Y knap og de grundlæggende egenskaber, den bærer, er handling Y metode Disse er ikke de eneste relaterede elementer, men de er de vigtigste, fordi de definerer det grundlag, som vi skal arbejde med.
Lad os se nedenfor, hvordan du genererer en grundlæggende form:

 Eksempel Send stemme 

Som vi ser form omfatter elementerne input Y knap. I dette tilfælde bruger den også attributterne metode Y handling som vi tidligere havde nævnt, lad os beskrive hver af dem.

• Input: Dette element giver os mulighed for at fange oplysninger, som brugeren af ​​vores side skal indtaste i form af tekst, det har flere attributter i tilfælde af vores eksempel, vi kun bruger yam, denne attribut gør det muligt at tildele en identifikator til elementet, det betyder, at når vi sender det til serveren, kan vi bruge nogle metoder til at opnå de indfangede oplysninger, så det er vigtigt, at yam være unik inden for en form.

• Knap: Dette element giver os mulighed for at oprette en knap på formularen, generelt er knapperne dem, der fortæller os, at når vi trykker på dem, vil formularen blive behandlet, i tilfælde af vores eksempel placerer vi ingen attributter, så når vi tryk på det sker ikke.

• Metode: Det er en attribut for mærket form, Det er af vital betydning, da det er den, der angiver den måde, hvorpå brugeroplysningerne indsamlet af formularen vil blive videregivet, kan det have to værdier STOLPE Y FÅ.

Den første sender dataene via http, så vi kan sende dataene på en skjult måde, og kun destinationssiden kan modtage dem, denne metode er ganske sikker og giver os mulighed for at sende de følsomme data i formularen.
Den anden sender dataene som parametre i url'en, det er ikke særlig sikkert, fordi alle med et minimum af viden kunne fortolke, hvad der sendes og måske forsøge at ændre oplysningerne, det bruges generelt til at videregive data, der er lidt følsomme, såsom en fortegnelsesside, kontrolstatus, der ikke påvirker programmet, forespørgsels -id'er osv.

• Handling: Denne attribut styrer, hvilken side formularen vil gå til, det vil sige hvem der modtager dataene. Hvis formularen udelades, sendes den til den samme side, der indeholder den.

Lad os derefter se, hvad vores grundlæggende eksempel producerede for os.

Som vi kan se, er det et tekstindtastningsfelt og en knap uden noget ekstra, dette giver os mulighed for at sende det til en anden side, hvor vi kan behandle det med et programmeringssprog.
Med dette afslutter vi selvstudiet, vi har allerede en forestilling om, hvordan man bygger grundlæggende former, hvilke elementer der er væsentlige og formålet med deres attributter.
Hvis du er interesseret i at gå dybere, så tag et kig på min anden vejledning:
Avancerede formularer i HTML5Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt