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

Formularer i HTML 5 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 5. Vi viser først og fremmest de almindelige inputs i HTML, hvorefter et par nye attributter 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 input områder i formularen: Textarea, radiobuttons, checkboxes og dropdown lister / menuer.

Der findes en ældre version af denne video. Hvis du ønsker at se denne så klik her: forms i HTML 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 lang="da">
    <HEAD>
        <TITLE> Formularer i HTML 5</TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
    </HEAD>
    <BODY>
        <form id="minform" action="#" method="POST" >
            Navn: <input type="text" maxlength="20"/> <br/>
            Hjemmeside: <input type="url"/> <br/>
         Mand <input type="radio" name="køn" value="mand"/>
         Kvinde <input type="radio" name="køn" value="kvinde"/><br/>
         Hund: <input type="checkbox" name="dyr" value="hund" />
         Kat: <input type="checkbox" name="dyr" value="kat" />
         Fugl:<input type="checkbox" name="dyr" value="fugl" /> <br/>
         Vælg farver:
         <select name="farver">
             
             <option value="gul">gul</option>
             <option value="hvid">hvid</option>
             <option value="sort">sort</option>

         </select>
         
         <br/>
        
        </form>

    </BODY>
</HTML>
        

Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

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

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

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    2014-11-02

Hvid og sort er ikke farver :D trololo


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

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    2012-04-14

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.


Forum stats

  • 1133 Antal brugere
  • 1602 Antal emner
  • 8013 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside