NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Formularer i HTML del 1

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops. Læs mere om vores ydelser her!

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! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar ved tasterne.

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

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.