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

HTML og CSS opgave – Kontaktformular med lodret og vandret styling

Udrag

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.

Det ser sådan ud:

<form method=”post” action=””>
<label for=”navn”>Fulde navn:</label>
<input type=”text”name=”navn”/>
<label for=”tlfnr”>Telefonnummer:</label>
<input type=”text”name=”tlfnr”>
<label for=”mail”>E-mail:</label>
<input type=”text” name=”mail”>
<label for=”besked”>Besked:</label>
<textarea name=”besked”></textarea>
<input type=”submit” name=”send” value=”Send”>
</form>

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:

Sådan får du adgang til hele dokumentet

Byt til nyt Upload en af dine opgaver og få adgang til denne opgave
  • Opgaven kvalitetstjekkes
  • Vent op til 1 time
  • 1 Download
  • Minimum 10 eller 12-tal
Premium 39 DKK pr måned
  • Adgang nu og her
  • 20 Downloads
  • Ingen binding
  • Let at opsige
  • Adgang til rabatter
  • Læs fordelene her
Få adgang nu