HTML-formulär
Länkar
- Ladda ner följande zip-fil där du har allt du behöver: zip-fil
- Läs på om hur du skapar HTML-fomulär på: https://www.w3schools.com/html/html_forms.asp
Instruktioner
I denna uppgift ska du skapa ett formulär för att registrera sig på en dejting-sajt
- Du ska skapa ett formulär med samtliga följande fälttyper:
- email
- password
- radio
- date
- number
- text
- checkbox
- hidden
- range
- Du ska också ha två slags knappar:
- submit
- reset
- Du får endast ändra i elementen `form`, `input` och `button`. I övrigt får du inte röra något i HTML-koden.
- Du får inte överhuvudtaget ändra i css-filen. Det går dock bra att titta på den.
- När sidan laddas ska namn-fältet vara i fokus.
- Formuläret ska skicka sin data till `action.php` med metoden `post`.
- När man klickar på `Återställ` ska hela formuläret återgå till sitt ursprungliga format.
- Alla fält av typerna `email`, `password`, `date`, `number` och `text` gäller följande:
- De ska vara obligatoriska. Man ska bli varnad om man lämnat någon av dessa tomma.
- De ska (förutom `date`) ha en platshållartext som är identisk med fältets rubrik
- Fälten ska ha följande begränsningar:
- Lösenordet måste bestå av minst `5` tecken.
- Födelsedatumet får vara som minst `1900-01-01` och som mest `2010-01-01`.
- Kroppslängden får vara minst `90`cm och som max `300`cm.
- Kroppsvikten får vara minst `30`kg och som max `300`kg.
- Alla personlighetsdrag ska anges på en skala från `1` till `5` och vara förinställda på `3` när sidan laddas.
- När sidan laddas ska såväl könstillhörighet som civilstånd vara förinställt på `Annat`.
- Validera så att du är säker på att koden är korrekt.
- När du är klar: lämna in din HTML-fil på Vklass.