Formularer i HTML del 2

HTML kursus | Lær HTML for begyndere screen width

Information om denne video

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

Dette er del 2 i vores video guide om formularer / forms i HTML. I denne video fortsætter vi hvor vi slap, og fortæller blandt andet om textareas, select-bokse, password inputs, reset-knapper, autofocus attributten og diasble attributten. De sidste 2 er nye attributter i HTML5, og de kan med fordel benyttes når du udformer dine egne formularer.

Herunder finder du koderne som vi skriver i denne video - 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>
<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" autofocus /><br/>
    Hjemmeside:<br/>
    <input type="url" disabled value="Ikke nødvendig" /><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/>
    <label for="hund">Hund</label>
    <input type="checkbox" value="hund" name="pet" id="hund">
    <label for="Kat">Kat</label>
    <input type="checkbox" value="hund" name="pet" id="Kat">
    <label for="Fugl">Fugl</label>
    <input type="checkbox" value="hund" name="pet" id="Fugl"><br/>
    Vælg farver<br/>
    <select name="farve" multiple size="2">
      <option>Brun</option>
      <option>hvid</option>
      <option>sort</option>
    </select><br/>
    <textarea style="width:200px"></textarea>
    <br/>
    Kode:<br/>
    <input type="password" /><br/>
    <input type="submit" value="SEND" />
    <input type="reset" value="SLET" />
  </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!

kommentar på NemProgrammering.dk - lav din egen hjemmeside

Michella 10-06-2019

Jeg er i gang med at lave en formular, men når jeg på siden trykker på hhv hund, kat og fugl, så bliver boksen ikke tjekket af. Hvad kan det skyldes?

Thomas 11-09-2015

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.

Henrik 09-09-2015

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..?

Thomas 03-10-2014

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

Alexander Pedersen 02-10-2014

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

Morten Frederiksen 12-11-2012

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

fynnen 05-10-2012

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.  har jeg ret eller hva ???? hilsen fynnen

Thomas 27-09-2012

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

Pia 26-09-2012

Hvordan styler man sine formularer? Venlig hilsen Pia

charlie 18-03-2012

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

NemProgrammering.dk 18-02-2012

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...

Peter Møller Hansen 18-02-2012

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.

NemProgrammering.dk 16-02-2012

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

Mette Provstgaard 16-02-2012

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

Formularer i HTML del 2

Information om denne video

Her har du kildekoden

Spørgsmål og kommentarer

Andre så også

Nyt fra vores bloggere

Office

CMS

Webudvikling

Udvikling

Adobe

Andet

Online Markedsføring

App- og spiludvikling

Her har du kildekoden

Spørgsmål og kommentarer

Andre så også

Nyt fra vores bloggere