Opsætning og styling af en kontaktformular i HTML og CSS

HTML og CSS opgave – Kontaktformular med lodret og vandret styling

Indholdsfortegnelse
Opsætning af formular i HTML:
Opsætning af formular i CSS:
Opsætning af formular i CSS, fortsat:
Opsætning af formular i CSS, lodret:

Optimer dit sprog - Læs vores guide og scor topkarakter

Uddrag

En kontaktformular skal først og fremmest kodes i HTML.

Du skal starte med et ”form” tag, som er det html element, der omslutter formulardata.

Et ”form” tag er, som standard, et ”block” element. Det betyder at det fylder hele bredden på det html element, det ligger indeni. Du må ikke have et ”form” tag inde i et andet” form” tag.

Du skal derefter indsætte et ”label” tag, et ”input” tag for hvert felt, du vil have i formularen, f.eks. et til navn, et til telefonnummer, et til mail og et til din ”submit” knap. Du skal også indsætte et ”textarea” tag (beskedfeltet) til beskeden.