Forms HTML 5 Webintegrator HTML Form form nameinput
Forms HTML 5 Webintegrator
HTML Form <form name="input" action="http: //www. orlaus. dk/hitme. php" method="get"> <label for="user">Username: </label> <input id="user" type="text" name="user"> <label for="email">Email: </label> <input id="email" type="text" name="email"> <input type="submit" value="Submit"> </form> <style> form label{ float: left; width: 70 px; } </style> © Mercantec 2014
HTML Form Resultat Post vs. Get © Mercantec 2014
HTML Form Fortsat <form name="input" action="http: //www. orlaus. dk/hitme. php" method="get"> <label for="user">Username: </label> <input id="user" type="text" name="user" required> <label for="email">Email: </label> <input id="email" type="text" name="email"> <label for="gender">Køn: </label> <select name="gender"> <option value="male">Mand</option> <option value="female">Kvinde</option> </select> <label for="alder">Er du over 18</label> <input type="radio" name="over 18" value="yes">Ja <input type="radio" name="over 18" value="no" checked="checked">Nej <input type="submit" value="Submit"> <input type="checkbox" name="remember" >Husk mig </form> © Mercantec 2014
Opgave § Tilføj en form på din heste side indeholdende samme felter som i slide 4, lav formen så den poster til www. orlaus. dk/hitme. php § Style formen så den matche farverne på din side og felterne står alignet § Udfyld felterne og tjek af alle oplysninger kommer med til hitme funktionen § Prøv også at indsætte et felter af typen password, date og color (Se w 3 schools) § Husk at tjekke på hitme om din for virker som forventet © Mercantec 2014
- Slides: 5