Institutt for informatikk og matematiske fag

Kurs 850 Internett og intranett

Html-skjema

Hva er Html-skjemaer?

Et html-skjema (eng.: html-forms) er et html-element som kan brukes i et html-dokument. Elementet har betegnelsen FORM.

I FORM-elementet kan vi legge inn ulike skjemaelementer for trykk-knapper, menyvalg, tekstfelt etc. som brukeren (den besøkende) kan sette verdien av (eng.: value). Vi kan betegne verdiene av de ulike skjemaelementene for(skjema)data (eller -verdier).

Eksempel på Html-dokument med skjema

Html-skjemaer kan brukes til å lage interaktive html-dokumenter, da det kan gis respons tilbake til brukeren på basis av dataene brukeren har sendt via skjemaet.

Hvordan behandles skjemadataene?

Det er vanlig er at dataene oversendes til et program på en webtjener som behandler dataene. Slike programmer kan være cgi-programmer (common gateway interface) i form av et hvilket som helst program, f.eks. Perl-, C,- Visual Basic-program, eller Html-dokumenter med innbakt programkode, som i Php- og Asp-dokumenter. (Vi skal lære mye om Php og Asp senere i dette faget.)

Selve oversendelsen av dataene til det skjemabehandlende programmet skjer etter at den brukeren har trykket på en send-knapp i skjemaet.

Hva kan databehandlingen på webtjeneren kan gå ut på? Her er noen eksempler:

  • Innlegging av dataene i en database: Dataene kan legges inn i databasen vha. SQL-kommandoer i et Php-dokument eller et Asp-dokument. (Dette skal vi se nærmere på ifm. Php i leksjon 6). Et velkjent eksempel.

     

  • Søk i en database: Et eksempel er søkemaskinene på web, f.eks. Fast Search. Søkeordene som brukeren har angitt i søkefeltet, overføres der til et program på søkemaskinens webtjener. Programmet søker i indeksbasen for å finne relevante webadresser.

  • Beregninger på basis av dataene: Programmet (på søkemaskinens webtjener) kan utføre beregninger, f.eks. simuleringer. Eksempelvis kan matematikkprogrammet MATLAB kjøre på en webtjener og sende resultatet av beregninger, og til og med plott, tilbake til brukerens nettleser. Et annet eksempel er styrings- og overvåkingsprogrammet LabVIEW som kan konfigureres via html-skjemaer.

  • Oversendelse (videresendelse) av dataene til en bestemt e-postadresse: Adressaten (som vanligvis vil være deg, som forfatter av html-dokumentet som inneholder skjemaet) vil da få listet opp skjemadatene i en innkommende e-postmelding. Webstedet "Freedback" (http://freedback.com/) tilbyr gratis bruk av et cgi-program, som kjører på Freedbacks webtjener, for oversendelse av skjemadata via e-post.
    Kommentar: Det skal i prinsippet være mulig å oversende dataene direkte fra nettleseren til en e-postadressat, dvs. uten å gå veien om et cgi-program. Du angir da e-postadressaten i ACTION-attributten i FORM-elementet. Det viser seg at dette ikke er en robust løsning da den avhenger av lokale innstillinger av e-postklienten og/eller nettleseren.

     

  • Manøvrering (Send-knappen): Eksempel

Skjemaelementer

Dette dokumentet inneholder de fleste skjemaelementene.

La oss se litt på Html-koden (i forelesningen, men en liknende gjennomgang står i læreboka).

I FrontPage lages skjemaer via menyvalget Sett inn / Skjema.

Skjemaelementene er "ordinære" elementer i html-dokumentet, dvs. at de kan plasseres f.eks. i tabeller for å oppnå en visuelt gunstig plassering av elementene på websiden.

[Kursets hjemmeside] [Framdriftsplanen]
Oppdatert 19.9.01 av Finn Haugen (e-post: Finn.Haugen@hit.no)