Skapa webbformulär för webbplatser (praktisk handledning)

Här får du reda på vad kursen handlar om och vad du kan förvänta dig.

Varför ska man överhuvudtaget använda HTML-formulär och hur gör man det generellt sett?

Här skapas projektet där det första formuläret integreras.

Du skapar ditt första enkla formulär och lär dig känna den grundläggande strukturen.

Vi belyser de mångsidiga användningsområdena för HTML-formulär i webbapplikationer.

Du lär dig hur du läser och bearbetar användardata med JavaScript.

Jag går igenom möjligheterna att designa formulär och presenterar olika inmatningsfält för dig.

Du implementerar en enkel e-post validering för att säkerställa att de angivna datumen överensstämmer med e-postformatet.

Vi sysslar med numeriska inmatningar och tillhörande attribut för att begränsa möjliga värden.

Du lär dig hur du kan hantera händelser i JS som inträffar när innehållet i ett inmatningsfält ändras.

Vi fördjupar ämnet händelshantering och använder addEventListener för mer flexibla reaktioner.

En omfattande sammanfattning av de olika input-typerna och deras egenskaper.

Vi identifierar de viktigaste attributen för att styra beteendet hos inmatningsfält.

Du lär dig hur du utför komplex validering med reguljära uttryck och attributet required.

Vi visar dig hur du aktiverar eller inaktiverar stavningskontrollen i dina formulär.

Du lär dig hur du skapar lösenordsfält.

Vi börjar med grunderna i kryssrutor och deras användningsområden.

Du lär dig hur du läser och sätter tillståndet för kryssrutor med JavaScript.

Jag visar olika sätt att anpassa utseendet på kryssrutor.

Jag förklarar hur radioknappar fungerar och hur du använder dem i dina formulär.

Du lär dig hur du tillåter användare att ladda upp filer.

Du fördjupar dina kunskaper om filuppladdning och lär dig hur du kan redigera den valda filen med JavaScript.

Jag kommer att prata om användningen av dolda inmatningsfält för att skicka ytterligare information.

Vi sammanfattar de olika möjligheterna att mata in siffror.

Du lär dig hur du kan låta användaren välja ett specifikt värdesintervall med hjälp av range sliders och hur du kan implementera en skjutreglage.

Jag ska visa dig hur du implementerar datum- och tidsinmatning i dina formulär.

Vi fokuserar på de speciella inmatningsfälten för e-postadresser och webbadresser.

Du lär dig hur du låter användare välja färger via en färgväljare.

Jag presenterar för dig inmatningsfälten för söktermer och telefonnummer.

Du kommer att lära dig hur du implementerar flerradig textinmatning med elementet textarea.

Jag kommer att förklara hur du skapar valbara listor med select-elementet.

Du lär dig hur du kan gruppera alternativen i en rullista.

Jag kommer visa dig hur du skapar förslagslistor för inmatningsfält.

Du lär dig hur du aktiverar automatisk ifyllning av inmatning.

Jag förklarar hur du strukturerar dina formulär med fieldset-element.

En omfattande introduktion till klientbaserad formulärvalidering med JavaScript.

Jag visar hur du tar emot formulärdata som skickats till servern med Node.js och Express .

Du lär dig hur du tar emot formulärdata med GET-metoden.

Jag förklarar hur du tar emot formulärdata med metoden POST.

Vi börjar med att skapa ett React-projekt och integrera formulär.

Du lär dig hur du använder olika input-element i React.

Vi analyserar select- och textarea- elementen i React.

Jag kommer att visa dig hur du hanterar formulär med JavaScript-ramverket Alpine.js.

Jag kommer att förklara hur du integrerar formulär i Vue.js-applikationer.