NemProgrammering.dk logo
nordicway webhotel

Formularer i HTML del 1

HTML kursus | Lær HTML for begyndere
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne video viser vi, hvordan du kan lave formularer i HTML. Vi viser først og fremmest de almindelige inputs i HTML, hvorefter et par nye inputs og atributter i HTML5 bliver introduceret i del 2. I denne video gennemgår vi, hvad du kan bruge formularer til, og hvorfor det er så vigtigt at lære at lave dem. Vi gennemgår blandet andet følgende elementer i formularen: Text-inputs, radiobuttons, labels, url-inputs og submit.

Herunder finder du HTML koderne der vil blive lavet i videoen - kopier dem gerne!

Video tags:

Denne video relaterer til emner såsom: html5 hjemmesider , html kursus, HTML5 video tutorial, HTML vejledning, dansk video tutorial, lær HTML5, begynder HTML, gratis HTML video tutorials, formularer i HTML5, forms i html 5, radiobuttons, checkboxes, text input, dropdown menu/liste

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
  <title>Formular</title>
  <meta charset="utf-8" />
  <meta name="description" content="Dette er en formular" />
</head>
<body>
  <form id="form1" action="#" method="post">
    Navn:<br/>
    <input type="text" /><br/>
    Hjemmeside:<br/>
    <input type="url" /><br/>
    <label for="mand">Mand</label>
    <input type="radio" value="mand" name="gender" id="mand" checked />
    <label for="kvinde">Kvinde</label>
    <input type="radio" value="kvinde" name="gender" id="kvinde" /><br/>
    <input type="submit" value="SEND" />
  </form>
</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    30-11-2021

Hej Sanne og Gitte, Jeg kan sagtens se den. Den ligger på YouTube, så det skulle være underligt, hvis den ikke loader. I kan se den direkte her: https://www.youtube.com/watch?v=U2kTkx2unMs Mvh.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Sanne    29-11-2021

Videoen Formularer i html del 1 virker ikke

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Gitte    20-09-2021

Videoen Formularer i HTML del 1 loader ikke.... ?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    30-05-2018

Hej Sami, For at f.eks. sende informationer fra formularen via email til dig selv, skal du bruge PHP, der kan håndtere dataen og sende mailen. Se denne video: https://www.nemprogrammering.dk/Tutorials/PHP/PHP/21-POST.php

kommentar på NemProgrammering.dk - lav din egen hjemmeside
sami    29-05-2018

hvad skal man skrive i action for at kunne sende dataen det rigtige sted hen?

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lars Bak    09-09-2015

Dejligt at lære lidt om hvordan formularer virker i HTML. Jeg har fundet dette værktøj kaldet Flipmail til så at konvertere formularene til en email og derefter at blive sendt til en ønsket mail adresse. http://flipmail.co/

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Nicky    02-11-2014

Hvid og sort er ikke farver :D trololo

kommentar på NemProgrammering.dk - lav din egen hjemmeside
den spørgende    05-07-2012

Hej :) I din form står der bare "navn", "mand", "kvinde" ovs. uden du har sat dem i <p> scriptet. Hvordan kan det være at browseren viser den tekst? Jeg kan ikke få min browser til at vise det når jeg prøver mig frem??

kommentar på NemProgrammering.dk - lav din egen hjemmeside
scootergrisen    14-04-2012

Der er kun 2 styks HTML 5 formular ting med sidst i del 2 videoen (autofocus og type="url") så ville nok være bedre at kalder dem "Formularer i HTML del X" (uden 5 tallet). Man bliver skuffet hvis man ser videoerne og kun er ude efter at se de nye HTML 5 formular ting.