Opprett web-skjemaer for nettsider (praksisøkt) Språk: Tysk

Opprett web-skjemaer for nettsider (praksisopplæring)

Webdesign, CMS & utvikling 44 videoer · 6.1 h Videotrenings · Norsk Stephan Haewß av Stephan Haewß

Hvordan du kan lage web-skjemaer for nettstedene dine – trinn for trinn forklart! Enten du vil spørre om navn, e-postadresser, passord, avkrysningsbokser, datoer, lister eller nedtrekkslister: Lær i denne praktiske veiledningen hvordan du går fra det første HTML-skjemaet til et fullt funksjonelt web-skjema.

  • Lage web-skjemaer - fra grunnleggende til funksjonelle skjemaer
  • Opprett og les korrekt felt for å skrive inn e-post, passord og lignende
  • Checkboxene, Radioknappene, nedtrekksmenyene, flerlinje tekstinnleggene og mer opprettelse
  • Omfattende, seks timer lang praksisveiledning fra utvikleren Stephan Haewß
  • Med prosjektfiler for å rekonstruere de viste innholdene
  • Optimalt for webutviklere, webdesignere og front-end-utviklere

Fra en enkel forespørsel om navn og e-post til et mer komplekst kontaktskjema med opplastingsfunksjon: Her lærer du grundig hvordan du oppretter web-skjemaer for nettstedene dine!

Innhold

44 videoer, 364 Minutter

Opprette webskjemaer – Innledning

4 videoer · 31 Minutter
01 Åpen Gratis

Opprette web-skjemaer: 1.1 | Innledning og oversikt

Her kan du lese om hva kurset handler om og hva du kan forvente.

02 Åpen

Opprette web-skjemaer: 1.2 | HTML-skjemaer - hvorfor og hvordan bruke?

Hvorfor bør man i det hele tatt bruke HTML-skjemaer og hvordan fungerer det generelt?

03 Åpen

Opprett web-skjemaer: 1.3 | Opprett første prosjekt

Her vil prosjektet opprettes, der det første skjemaet blir integrert.

04 Åpen

Opprett web-skjemaer: 1.4 | Det første HTML-skjemaet

Du oppretter ditt første enkle skjema og lærer å kjenne den grunnleggende strukturen.

01

Opprette web-skjemaer: 1.1 | Innledning og oversikt

3 min Åpen
02

Opprette web-skjemaer: 1.2 | HTML-skjemaer - hvorfor og hvordan bruke?

10 min Åpen
03

Opprett web-skjemaer: 1.3 | Opprett første prosjekt

6 min Åpen
04

Opprett web-skjemaer: 1.4 | Det første HTML-skjemaet

12 min Åpen

Skjemaer

3 videoer · 30 Minutter
05 Åpen

Opprett web-skjemaer: 2.1 | Hvorfor bruke skjemaer eller form-tag?

Vi belyser de mangfoldige bruksområdene til HTML-skjemaer i webapplikasjoner.

06 Åpen

Opprett web-skjemaer: 2.2 | Les skjemadata med JavaScript

Du lærer hvordan du leser og behandler dataene brukerne har lagt inn med JavaScript.

07 Åpen

Opprette web-skjemaer: 2.3 | Skjemaforbedringer og flere inndata-typer

Jeg vil gå gjennom mulighetene for utforming av skjemaer og presentere ulike inndatafelt for deg.

05

Opprett web-skjemaer: 2.1 | Hvorfor bruke skjemaer eller form-tag?

11 min Åpen
06

Opprett web-skjemaer: 2.2 | Les skjemadata med JavaScript

9 min Åpen
07

Opprette web-skjemaer: 2.3 | Skjemaforbedringer og flere inndata-typer

10 min Åpen

Inndata-validering og hendelsesbehandling for skjemaer

9 videoer · 71 Minutter
08 Åpen

Opprett web-skjemaer: 3.1 | Første validering med e-post inndata

Du implementerer en enkel e-postvalidering for å sikre at de innskrevne dataene samsvarer med e-postformatet.

09 Åpen

Opprett web-skjemaer: 3.2 | Input-type number og attributter

Vi jobber med numeriske inndata og tilhørende attributter for å begrense mulige verdier.

10 Åpen

Opprett web-skjemaer: 3.3 | Reagere på endringer i input-elementet

Du lærer hvordan du kan håndtere hendelser i JS som oppstår når innholdet i en inndatan endres.

11 Åpen

Opprett web-skjemaer: 3.4 | Reager på endringer med addEventListener

Vi fordyper oss i emnet hendelseshåndtering og bruker addEventListener for mer fleksible reaksjoner.

12 Åpen

Opprett web-skjemaer: 3,5 | Oversikt: input-elementet

En omfattende oppsummering av de ulike input-typene og deres egenskaper.

13 Åpen

Opprett web-skjemaer: 3.6 | Egenskaper: readonly, disabled, placeholder, minlength, maxlength

Vi oppklarer de viktigste attributtene for å kontrollere oppførselen til inndatafeltene.

14 Åpen

Opprette web-skjemaer: 3.7 | Egenskaper: pattern og required

Du lærer hvordan du utfører komplekse valideringer med regulære uttrykk og required-attributtet.

15 Åpen

Opprett web-skjemaer: 3.8 | The spellcheck attribute

Vi viser deg hvordan du kan aktivere eller deaktivere stavekontrollen i skjemaene dine.

16 Åpen

Opprett web-skjemaer: 3.9 | Input-typen passord

Du vil lære hvordan du oppretter passordfelt.

08

Opprett web-skjemaer: 3.1 | Første validering med e-post inndata

8 min Åpen
09

Opprett web-skjemaer: 3.2 | Input-type number og attributter

7 min Åpen
10

Opprett web-skjemaer: 3.3 | Reagere på endringer i input-elementet

11 min Åpen
11

Opprett web-skjemaer: 3.4 | Reager på endringer med addEventListener

8 min Åpen
12

Opprett web-skjemaer: 3,5 | Oversikt: input-elementet

4 min Åpen
13

Opprett web-skjemaer: 3.6 | Egenskaper: readonly, disabled, placeholder, minlength, maxlength

12 min Åpen
14

Opprette web-skjemaer: 3.7 | Egenskaper: pattern og required

9 min Åpen
15

Opprett web-skjemaer: 3.8 | The spellcheck attribute

3 min Åpen
16

Opprett web-skjemaer: 3.9 | Input-typen passord

9 min Åpen

Checkboxer

3 videoer · 23 Minutter
17 Åpen

Opprette web-skjemaer: 4.1 | Checkbox - grunnleggende

Vi starter med grunnleggende om sjekkboksene og bruksområdene deres.

18 Åpen

Opprett web-skjemaer: 4.2 | Bruk av avkrysningsbokser i JS

Du lærer hvordan du leser og setter tilstanden til avmerkingsbokser med JavaScript.

19 Åpen

Opprett web-skjemaer: 4.3 | Stil checkboksen

Jeg viser ulike måter å tilpasse utseendet til avmerkingsbokser på.

17

Opprette web-skjemaer: 4.1 | Checkbox - grunnleggende

7 min Åpen
18

Opprett web-skjemaer: 4.2 | Bruk av avkrysningsbokser i JS

6 min Åpen
19

Opprett web-skjemaer: 4.3 | Stil checkboksen

10 min Åpen

Skjema-inntastingskategorier og utvidede felt

12 videoer · 105 Minutter
20 Åpen

Opprett web-skjemaer: 5.1 | Radioknapper

Jeg vil forklare hvordan radioknapper fungerer og hvordan du bruker dem i skjemaene dine.

21 Åpen

Opprett web-skjemaer: 5.2 | filopplasting

Du lærer hvordan du tillater brukere å laste opp filer.

22 Åpen

Opprett web-skjemaer: 5.3 | Filinndata med JS

Du fordype dine kunnskaper om filopplasting og lære å redigere den valgte filen med JavaScript.

23 Åpen

Opprett web-skjemaer: 5.4 | Skjulte inndatafelt

Jeg går inn på bruken av skjulte inntastingsfelt for å sende ekstra informasjon.

24 Åpen

Opprette web-skjemaer: 5.5 | Tallinndata

Vi oppsummerer de ulike måtene å legge inn tall på.

25 Åpen

Opprette web-skjemaer: 5.6 | Rekkeviddeglider

Du lærer hvordan du kan la brukeren velge et bestemt område av verdier med hjelp av rangeringskyvere og implementere en skyveknapp.

26 Åpen

Opprett web-skjemaer: 5.7 | Datums- og tidspunktinngang

Jeg vil vise deg hvordan du implementerer dato- og klokkeslettinnskudd i skjemaene dine.

27 Åpen

Opprett web-skjemaer: 5.8 | E-post og URL

Vi fokuserer på de spesifikke inndatafeltene for e-postadresser og nettadresser.

28 Åpen

Opprett web-skjemaer: 5.9 | Farge

Du lærer hvordan du lar brukerne velge farger via en fargevelger.

29 Åpen

Opprett web-skjemaer: 5.10 | Typene search og tel

Jeg presenterer deg for inntastingsfeltene for søkeord og telefonnumre.

30 Åpen

Opprett web-skjemaer: 5.11 | Flerelinje tekstinndata med tekstområde

Du lærer hvordan du implementerer flerlinje tekstinndata med textarea-elementet.

31 Åpen

Opprett web-skjemaer: 5.12 | Lister med valg

Jeg vil forklare hvordan du lager valgbare lister med select-elementet.

20

Opprett web-skjemaer: 5.1 | Radioknapper

7 min Åpen
21

Opprett web-skjemaer: 5.2 | filopplasting

10 min Åpen
22

Opprett web-skjemaer: 5.3 | Filinndata med JS

7 min Åpen
23

Opprett web-skjemaer: 5.4 | Skjulte inndatafelt

7 min Åpen
24

Opprette web-skjemaer: 5.5 | Tallinndata

5 min Åpen
25

Opprette web-skjemaer: 5.6 | Rekkeviddeglider

13 min Åpen
26

Opprett web-skjemaer: 5.7 | Datums- og tidspunktinngang

13 min Åpen
27

Opprett web-skjemaer: 5.8 | E-post og URL

8 min Åpen
28

Opprett web-skjemaer: 5.9 | Farge

4 min Åpen
29

Opprett web-skjemaer: 5.10 | Typene search og tel

4 min Åpen
30

Opprett web-skjemaer: 5.11 | Flerelinje tekstinndata med tekstområde

15 min Åpen
31

Opprett web-skjemaer: 5.12 | Lister med valg

12 min Åpen

Utvidet skjema struktur og validering med JavaScript og rammeverk

13 videoer · 108 Minutter
32 Åpen

Opprett web-skjemaer: 6.1 | Gruppering av alternativer

Du lærer hvordan du kan gruppere alternativene i en nedtrekksliste.

33 Åpen

Opprett web-skjemaer: 6.2 | Forslagslister med datalist

Jeg vil vise deg hvordan du lager forslagslister for inndatabokser.

34 Åpen

Opprett web-skjemaer: 6.3 | Automatisk utfyllingsattributtet

Du lærer hvordan du aktiverer automatisk utfylling av inndata.

35 Åpen

Opprett web-skjemaer: 6.4 | Formularseksjoner med fieldsets

Jeg vil forklare hvordan du strukturerer skjemaene dine med fieldset-elementer.

36 Åpen

Opprett web-skjemaer:6.5 | Validering med JavaScript

En omfattende introduksjon til klient-side skjema validering med JavaScript.

37 Åpen

Opprette web-skjemaer: 6.6 | Serverbehandling med Node.js og Express

Jeg vil vise deg hvordan du mottar skjemadataene sendt til serveren din med Node.js og Express .

38 Åpen

Opprett web-skjemaer: 6.7 | Motta formdata med GET-håndtereren

Du lærer hvordan du mottar skjemadata ved hjelp av GET-metoden.

39 Åpen

Opprett web-skjemaer: 6.8 | Motta formdata med POST-håndterer

Jeg vil forklare hvordan du mottar skjemadata med POST-metoden.

40 Åpen

Opprett web-skjemaer: 6.9 | Opprett skjemaer og skjemaelementer i React - Opprette et prosjekt

Vi starter med å lage et React-prosjekt og integrere skjemaer.

41 Åpen

Opprett web-skjemaer: 6.10 | Input-elementer i React

Du lærer hvordan du bruker ulike inndataelementer i React.

42 Åpen

Opprett web-skjemaer: 6.11 | Select- og Textarea-elementer i React

Vi jobber med select- og textarea- elementene i React.

43 Åpen

Opprett web-skjemaer: 6.12 | Skjemaer med Alpine.js

Jeg vil vise deg hvordan du håndterer skjemaer med JavaScript-rammeverket Alpine.js.

44 Åpen

Opprette web-skjemaer: 6.13 | Skjemaer med VueJs

Jeg vil forklare hvordan du integrerer skjemaer i Vue.js-applikasjoner.

32

Opprett web-skjemaer: 6.1 | Gruppering av alternativer

7 min Åpen
33

Opprett web-skjemaer: 6.2 | Forslagslister med datalist

13 min Åpen
34

Opprett web-skjemaer: 6.3 | Automatisk utfyllingsattributtet

5 min Åpen
35

Opprett web-skjemaer: 6.4 | Formularseksjoner med fieldsets

8 min Åpen
36

Opprett web-skjemaer:6.5 | Validering med JavaScript

8 min Åpen
37

Opprette web-skjemaer: 6.6 | Serverbehandling med Node.js og Express

8 min Åpen
38

Opprett web-skjemaer: 6.7 | Motta formdata med GET-håndtereren

7 min Åpen
39

Opprett web-skjemaer: 6.8 | Motta formdata med POST-håndterer

5 min Åpen
40

Opprett web-skjemaer: 6.9 | Opprett skjemaer og skjemaelementer i React - Opprette et prosjekt

4 min Åpen
41

Opprett web-skjemaer: 6.10 | Input-elementer i React

13 min Åpen
42

Opprett web-skjemaer: 6.11 | Select- og Textarea-elementer i React

7 min Åpen
43

Opprett web-skjemaer: 6.12 | Skjemaer med Alpine.js

15 min Åpen
44

Opprette web-skjemaer: 6.13 | Skjemaer med VueJs

8 min Åpen
Kommentarer (1)

Kommenter nå „Opprett web-skjemaer for nettsider (praksisopplæring)“