HTML5 - Form Creation

Formuläret är element i HTML 5 som tillåter insamling av data via andra underelement, för att kunna bearbeta dessa data kommer vi att behöva ett extra språk för att kunna använda data som skickas av formuläret, taggen som vi kommer att använda som en stor behållare kommer att vara form.
Skapa en grundform
För att skapa ett formulär måste vi använda etiketten form Detta kommer att vara vår stora behållare, inom den kommer vi att gruppera datainmatningselement, sektionsnamn och knappar som kommer att indikera någon specifik åtgärd; de grundläggande komponenterna som måste gå in i form är: inmatning Y knapp och de grundläggande attributen den bär är handling Y metod Dessa är inte de enda relaterade elementen, men de är de viktigaste eftersom de definierar den grund som vi måste arbeta med.
Låt oss se nedan hur du skapar en grundläggande form:

 Exempel Skicka röst 

Som vi ser form omfattar elementen inmatning Y knapp. I det här fallet använder den också attributen metod Y handling som vi tidigare nämnt, låt oss beskriva var och en av dem.

• Inmatning: Detta element tillåter oss att fånga information som användaren av vår sida kommer att ange i form av text, det har flera attribut när det gäller vårt exempel vi använder endast jams, detta attribut tillåter tilldelning av en identifierare till elementet, det betyder att när vi skickar den till servern kan vi använda några metoder för att få tag i den fångade informationen, så det är viktigt att jams vara unik i en form.

• Knapp: Detta element gör att vi kan skapa en knapp på formuläret, vanligtvis är knapparna de som kommer att berätta för oss att när vi trycker på dem kommer formuläret att bearbetas, i fallet med vårt exempel lägger vi inga attribut, så när vi tryck på det kommer ingenting att hända.

• Metod: Det är ett attribut för taggen form, Det är av avgörande betydelse eftersom det är den som anger hur användarinformationen som samlas in genom formuläret kommer att skickas, det kan ha två värden POSTA Y SKAFFA SIG.

Den första skickar data via http så att vi kan skicka data på ett dolt sätt och endast målsidan kan ta emot den, den här metoden är ganska säker och tillåter oss att skicka känsliga data i formuläret.
Den andra skickar data som parametrar i webbadressen, det är inte särskilt säkert eftersom alla med ett minimum av kunskap kan tolka vad som skickas och kanske försöka ändra informationen, det används vanligtvis för att skicka data som är lite känslig, såsom en listningssida, kontrollstatus som inte påverkar programmet, fråge -id osv.

• Handling: Detta attribut styr vilken sida formuläret kommer att gå till, det vill säga vem som ska ta emot data. Om formuläret utelämnas skickas det till samma sida som innehåller det.

Låt oss sedan se vad vårt grundläggande exempel producerade för oss.

Som vi kan se är det ett textinmatningsfält och en knapp utan något extra, detta gör att vi kan skicka det till en annan sida där vi kan bearbeta det med ett programmeringsspråk.
Med detta avslutar vi handledningen, vi har redan en uppfattning om hur man bygger grundläggande former, vilka element som är väsentliga och syftet med deras attribut.
Om du är intresserad av att gå djupare, ta en titt på min andra handledning:
Avancerade formulär i HTML5Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng