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

Formularer i HTML 5 del 2

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, Billig Webhosting

Dette er del 2 i vores video guide om formularer / forms i HTML 5. I denne video fortsætter vi hvor vi slap, og fortæller blandt andet om textareas, password inputs, submit knapper, reset knapper, autofocus attributten, og URL input typen. De sidste 2 er nye attributter i HTML 5, og de kan med fordel benyttes når du udarbejder din formular.

Der findes en ældre version af denne video. Hvis du ønsker at se denne så klik her: Formularer i html

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

Video tags:

Denne video relaterer til emner såsom: html5 hjemmesider , html kursus, HTML 5 video tutorial, HTML5 vejledning, dansk video tutorial, lær HTML, begynder HTML5, gratis HTML video tutorials, lær at lave en hjemmeside, formularer i HTML5, forms i html 5, autofocus, type="url", textarea, password, kodeord, reset, submit

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/>
         Beskrivelse:       
          &lt;textarea cols=&quot;20&quot; rows=&quot;10&quot; maxlength=&quot;50&quot; autofocus &gt;

         &lt;/textarea&gt;

         <br/>

         Kode: <input type="password" maxlength="8"/>  <br/>
         
         <input type="submit" value="send"/>
         <input type="reset" value="slet"/>   
        </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
Thomas    2015-09-11

Hej Henrik, Når du skriver HTML så er det HTML5. Grunden til at vi kalder specifikke elementer og muligheder for HTML5 er at HTML er de grundlæggende ting fra tidligere versioner. I HTML5 er der kommet nye funktioner til, men det er stadigvæk HTML. HTML5 er altså blot en videreudvikling af HTML. Det kan godt være at din browser ikke understøtter validering. Hvilken browser bruger du? Du kan evt. skrive på vores forum og vise os din kode der - så skal vi nok tjekke den for fejl. Mvh.


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

I videoen beskriver i hele tiden hvordan det er i html 5, men aner ikke om det er det jeg bruger? hvis man kan snakke om det? Mit spørgsmål går sådan set på, hvordan det kan være at funktionen med at validere "hjemmesiden" ikke virker på trods af at jeg har skrevet nøjagtig det samme som dig..?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    2014-10-03

Hej Alexander, Du skal bruge f.eks PHP for rent faktisk at sende emailen. Se denne video: http://www.nemprogrammering.dk/Tutorials/PHP/PHP/21-POST.php Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Alexander Pedersen    2014-10-02

ville du vise hvordan man får en e-mail når en skriver ??


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Morten Frederiksen    2012-11-12

hejsa I svaret til mette skriver at der kan bruges en variable, således send knappen danner en email. Jeg har prøvet lidt frem og tilbage, men kan ikke få koden til at danne en mail. kan i skrive koden med udgangspunkt i jeres eget eksempel i denne video, så jeg kan se hvordan der dannes en mail? (fra jeres kode på siden) <input type="submit" value="send"/> På forhånd tak. Morten


kommentar på NemProgrammering.dk - lav din egen hjemmeside
fynnen    2012-10-05

hejsa thomas det aller øverste på siden skal det slettes. som du skriver eller er det noget andet du mener. det er dette jeg tror det er du mener. <!-- To change this template, choose Tools | Templates and open the template in the editor. --> har jeg ret eller hva ???? hilsen fynnen


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    2012-09-27

Hej Pia, Prøv at google "form styling css" på google så finder du med sikkerhed en masse guides til hvordan du gør...


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Pia    2012-09-26

Hvordan styler man sine formularer? Venlig hilsen Pia


kommentar på NemProgrammering.dk - lav din egen hjemmeside
charlie    2012-03-18

hej hvis jeg vil har send tingene til en e-mail kan man det og hvis man kan så hvordan


kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    2012-02-18

Hej Peter, Det virker sandsynligvis ikke fordi du skriver <!DOCKTYPE html> istedet for <!DOCTYPE html>... altså uden k Hvis det stadig ikke virker er det nok din browser og ikke notepad++ den er gal med...


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Peter Møller Hansen    2012-02-18

Af en eller anden grund kan jeg ikke skrive i HTML 5, bruger Notepad++. Har prøvet at sætte <!DOCKTYPE html> men det virker ikke.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    2012-02-16

Hej Mette, Umiddelbart så vil det give mest mening at du blot sender en ekstra mail hver gang dit mail script bliver kørt. Du skal altså ikke have din mail stående i selve formen men blot angive en variable med din mail i dit script bagved og på den måde sende en mail til denne også... Ser du til at du arbejder i noget ASP, men hvis det f.eks var PHP ville du blot tilføje en ekstra mail() funktion i din kode som havde en fast modtager som så er din egen hjemmeside


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Mette Provstgaard    2012-02-16

Hejsa! hvordan får jeg indsat min mailadresse i en formular, så den ikke er synlig i selve formularen, men så "send"-knappen aktiverer en mail til mig. Formularen ser fin ud, men jeg får en fejlmeddelelse, når jeg forsøger at maile. Er det fordi det er en øveopgave, jeg sidder med? Skal man være tilknyttet et web hotel? Jeg har indskrevet følgende i starten af mit html-dokument: <form action="http://scripts.wannafind.dk/form2mail.asp" method="post"> <input type="hidden" name="recipient" value="mepro1234@gmail.com" /> og dette senere ifb med Send-knappen. <div id="send"> <input type="submit" value="Send" /> <input type="reset" value="Slet" /></div> Tak for svar. Mvh Mette


Forum stats

  • 1114 Antal brugere
  • 1583 Antal emner
  • 7953 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside