HTML5 - Formulier maken

De formulieren zijn elementen in HTML 5 die het verzamelen van gegevens via andere onderliggende elementen mogelijk maken. Om deze gegevens te verwerken, hebben we een extra taal nodig om de gegevens te kunnen gebruiken die door het formulier worden verzonden, de tag die we zullen gebruiken als een grote container zal zijn het formulier.
Een basisformulier maken
Om een ​​formulier te genereren, moeten we het label gebruiken het formulier Dit zal onze geweldige container zijn, daarin zullen we gegevensinvoerelementen, sectienaamgeving en knoppen groeperen die een specifieke actie aangeven; de basiscomponenten die in de het formulier zijn: invoer Y knop en de basiskenmerken die het met zich meebrengt zijn: actie Y methode Dit zijn niet de enige gerelateerde elementen, maar ze zijn de belangrijkste omdat ze de basis bepalen waarmee we moeten werken.
Laten we hieronder kijken hoe we een basisformulier kunnen genereren:

 Voorbeeld Stem insturen 

Zoals we zien het formulier omvat de elementen invoer Y knop. In dit geval gebruikt het ook de attributen methode Y actie die we eerder hadden genoemd, laten we ze allemaal beschrijven.

• Invoer: Met dit element kunnen we informatie vastleggen die de gebruiker van onze pagina gaat invoeren in de vorm van tekst, het heeft verschillende attributen in het geval van ons voorbeeld dat we alleen gebruiken yam, dit attribuut maakt het mogelijk om een ​​identifier toe te wijzen aan het element, dit betekent dat wanneer we het naar de server sturen we een aantal methoden kunnen gebruiken om de vastgelegde informatie te verkrijgen, dus het is belangrijk dat de yam uniek zijn binnen een formulier.

• Knop: Met dit element kunnen we een knop op het formulier maken, over het algemeen zijn het de knoppen die ons vertellen dat wanneer we erop drukken het formulier zal worden verwerkt, in het geval van ons voorbeeld plaatsen we geen attributen, dus wanneer we druk erop, er gebeurt niets.

• Methode: Het is een attribuut van de tag het formulier, Het is van vitaal belang omdat het is wie de manier aangeeft waarop de gebruikersinformatie die door het formulier wordt verzameld, wordt doorgegeven, het kan twee waarden hebben NA Y KRIJGEN.

De eerste verzendt de gegevens via http, zodat we de gegevens op een verborgen manier kunnen verzenden en alleen de bestemmingspagina deze kan ontvangen. Deze methode is redelijk veilig en stelt ons in staat om de gevoelige gegevens van het formulier te verzenden.
De tweede verzendt de gegevens als parameters in de url, het is niet erg veilig omdat iedereen met een minimum aan kennis kan interpreteren wat er wordt verzonden en misschien kan proberen de informatie te wijzigen, het wordt over het algemeen gebruikt om gegevens door te geven die weinig gevoelig zijn, zoals een lijstpagina, controlestatus die het programma niet beïnvloedt, query-ID's enz.

• Actie: Dit attribuut bepaalt naar welke pagina het formulier gaat, dat wil zeggen, wie de gegevens ontvangt. Als het formulier wordt weggelaten, wordt het naar dezelfde pagina gestuurd die het bevat.

Laten we eens kijken wat ons basisvoorbeeld voor ons heeft opgeleverd.

Zoals we kunnen zien, is het een tekstinvoerveld en een knop met niets extra's, hierdoor kunnen we het naar een andere pagina sturen waar we het kunnen verwerken met een programmeertaal.
Hiermee sluiten we de tutorial af, we hebben al een idee van hoe basisformulieren te bouwen, welke elementen essentieel zijn en het doel van hun attributen.
Als je geïnteresseerd bent om dieper te gaan, bekijk dan mijn andere tutorial:
Geavanceerde formulieren in HTML5Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven