Tillbaka till "Formulär"  Kunskapstest

Övningsuppgifter - Formulär

Väldigt många av de e-brev jag får till Syster Dator om problem med hemsidor, handlar om formulär som inte fungerar. Nästan alltid är det något litet fel i koden, till exempel att det inte finns någon TYPE angiven i INPUT-taggen eller att man har försökt göra kryssrutor ("checkbox") av alternativknapparna.

Mitt råd är därför:

Experimentera!

Experimentera i massor. Gör formulär av alla sorter du kan komma på. Testa dem, variera, hitta på egna kombinationer. Läs noggrant vad som finns skrivet i Slå upp: HTML om FORM, INPUT och TEXTAREA. Du har nytta av det här.

Ange din egen e-postadress som mottagare och testa dina formulär i webbläsaren. När du klickar på Skicka-knappen läggs formuläret som ett e-brev i e-postprogrammets Utgående (eller vad mappen heter i ditt program). Du kan skicka formulären till dig själv, och undersöka vad resultatet blir.

Experimentera och ändra tills allt fungerar som det skall. Och när det fungerar ändrar du en gång till, bara för övningens skull. Rätt snart blir det så, att när andra säger att det är svårt med formulär kan du lugnt svara: "Nähä, det är ju lätt!"

Och då har du rätt - det är inte särskilt svårt. De kunskaper du får genom att experimentera och leka med formulären kommer du att ha nytta av senare, när du skall lära dig att hantera JavaScript.

Några förslag
  • Gör ett formulär där dina besökare dels kan tala om vilken typ av filmer de tycker bäst om, dels berätta vilken film de senast såg.
  • Låt dina besökare dels ange vilken film de senast såg, dels skriva en kort recension av den.
  • Be besökaren att beställa de filmrecensioner du regelbundet skriver, men se till att han eller hon har möjlighet att välja mellan några olika filmgenrer.
  • Ordna formulären i tabeller så att de visas i snygga rader eller spalter på sidan.

Läs gärna igenom Formulär en gång till innan du övergår till Kunskapstestet

Glöm inte att läsa igenom FORM, INPUT och TEXTAREA i Slå upp: HTML

Tillbaka till "Formulär"  Kunskapstest

© SupportData.Net