Ressursside i webutvikling

HTML Skjemaer

HTML Skjemaer er med på å gi brukeren av nettsiden ta ulike valg i forhold til hva som skal være på siden. Det er med på å sende data til serveren som brukeren har eller har lånt plass til. Man kan lage kontaktskjemaer, inputfelter og logge inn tjenester. Man starter med en -form- tagg som er med på å lage brukerinput. Form har sine tileggs tagger (attributter). I form har du attributtene: (action, method, get og post). Get og post er attributter som er med på sende og motta informasjon fra en server, mens action og method er de som forteller hva som gjøres i input taggen og hvordan det skal gjøres. Inni form er der input kommer inn. Man må ikke bruke form, men gir en mer ryddig struktur om man skal ha mange input tagger med flere ulike typer felter. Det er utrolig mange attributter for en input tagg. Har du lyst til å lese om alle kan du klikke her, men jeg skal nevne de viktigste vi har med å gjøre og hvertfall de som trengs for å lage et kontaktskjema. De vanligste felttypene man bruker er som regel typene:

Text

Den mest vanlige som lar deg legge inn generell text i et felt.

Password

Lar deg legge alle mulige tegn, men er i dette tilfellet skjult ved når man trykker de inn.

Submit

Det lager en knapp du kan bruke til å for eksempel sende skjema du lager.

number

da gir det en boks som man bare kan legge inn tall og ikke skrift annet enn bokstaven e ettersom det er et tall.

search

lager et søkefelt. Dette er viktig når det kommer til tilgjengelighet. Lettere å finne fram på siden.

email

den lager et felt som krever en email adresse for å fungere. Her er det @ som må være med for at det skal fungere.

textarea

gir deg et litt større felt å skrive i enn det text gjør. For eksempel fint til om du skal skrive blogginlegg eller andre ting.

Det fins ganske mange flere typer i input taggen. Attributtene: (for, name og type) er de som brukes i input taggen. De er med på å kunne lese av hvilken input tag det er, definere hvilken type det er og definere et navn som brukes for å hente fildata. Under finner du et eksempel på hva input kan brukes til for å lage et kontaktskjema.





Mann: Dame:

CV:

Kilder:

- Tom Heine Nätt, E. M. (2017). Webutvikling. Gyldendal.

- Pdf fra forelesning om CSS Repsonsivt design



Skriv ut