HTML - skjemaer og inputs

— by Camilla Larsen

Agenda

• Hva handler semantikk om i et HTML dokument?
• Hvilken extension bruker vi for å rydde opp i koden?
• Hva er et semantisk element?
• Hvilke semantiske elementer finnes?
• Hvilke semantiske elementer bruker vi i det grunnleggende html dokumentet, og hva betyr de?

Repetisjon

HTML FORMS

• Forteller HTML dokumentet at vi gjør oss klare til å ta i mot informasjon fra våre brukere
• Form taggen brukes som en container for input og labels elementer, men hjelper også med å definere i HTML dokumentet hvor skjemaet starter.
• Dere vil senere lære hvordan dere arbeider selve responsen fra skjemaet, i samarbeid med JS

<form> </form>

Oppgave

• Test ut de ulike input typene som blir listet opp under:
• Input type=button
• Input type=checkbox
• Input type=color
• Input type=date
• Input type=Email
• Input type=File
• Input type=Image
• Input type=Month
• Input type=Number

• Input type=Password
• Input type=Radio
• Input type=Range
• Input type=Reset
• Input type=Search
• Input type=Submit
• Input type=text

Noen spørsmål rundt forms og inputs?

Oppgave 1.

Bruk det dere har lært til å lage dette skjemaet.

Vi går igjennom løsningen sammen

• Bruk det dere har lært til å lage dette skjemaet.
• PS: dere har ikke lært select, derfor må dere google dere fram til hvordan dere bruker input select taggen.