Institutt for informatikk og matematiske fag

Kurs 850 Internett og intranett

Øving 5

Øvingsmomenter

• Html-skjema

Praktiske opplysninger

Html-dokumentene i denne øvingen skal lagres på ditt brukerområde på ifim.hit.no (mer informasjon om lagring på denne webtjeneren fins i øving 3).

Oppgaver

Skjemaet du lager i denne oppgaven, skal ikke knyttes opp mot noe skjemabehandlende dokument - det kommer i senere leksjoner (Php, Asp).

1. Lag et Html-skjema som skal benyttes for et valgfritt formål (f.eks. bestilling eller påmelding eller registrering). Skjemaet skal inneholde i det minste følgende elementer:
   • Tekstlinje
   • Tekstfelt ("area")
   • Sjekkbokser
   • Radioknapper
   • Et skjult felt (hidden). (Det ser ut til at FrontPage ikke har støtte for et slikt element, så dere må legge det inn manuelt i Html-koden, jf. pkt. 19 side 133 i læreboka.)
   • Passordfelt (som er et INPUT-element med TYPE-attributtverdi "password")
   • Send-knapp
   • Resett-knapp

   Du skal selv velge konfigurering av elementene (f.eks. antall viste tegn på tekstlinja og i tekstfeltet, samt forhåndsverdier). Husk å gi hvert element et navn (NAME).

   Skjemaelementene skal plasseres i celler i en egnet tabell og angi beskrivende tekst i tilknytning til de enkelte elementene.

   Sett gjerne farge på skjemaelementene. Dette gjøres vha. stilregler (i FrontPage: Høyreklikk på elementet / Egenskaper for skjemaelement / Stil / Skyggelegging / Bakgrunnsfarge). Obs: Du kan ikke regne med at stilreglene er effektive i Netscape, bare i Internet Explorer.

    

2. På http://www.techteach.no/syslab/ (oppe til høyre) er det benyttet en Send-knapp (Submit) for at brukeren skal kunne klikke seg til en annen webside. (Dette som et alternativ til å bruke ordinær hypertekst.) Lag noe liknende selv. (I forannevnte Html-dokument er det også benyttet litt JavaScript-kode, men jeg vil tro at koden er nokså grei å forstå. Vi skal lære om JavaScript i kommende leksjon.)