Introduktion til HTML Formularer. 104 - V1 introduktion til formularer Den sidste af HTML strukturmarkørerne er FORM-markøren, der bruges til at lave.

Præsentationer af emnet: "Introduktion til HTML Formularer. 104 - V1 introduktion til formularer Den sidste af HTML strukturmarkørerne er FORM-markøren, der bruges til at lave."— Præsentationens transcript:

1 Introduktion til HTML Formularer

2 104 - V1 introduktion til formularer Den sidste af HTML strukturmarkørerne er FORM-markøren, der bruges til at lave elektroniske blanketter på websider. Formularen er den mest udbredte form for ægte interaktivitet, der indbygges på websider. Form-Markøren: …. Form-markøren tager følgende attributter: Action = ”url” (url er lig med internetadresse) Method = ”GET” (Åbner url som et anker) Method = ”POST” (sender url som formulardata) Enctype = ”[type]” (type=datatype & enctype=”Encording Type”)

3 Formularens indholdsmarkører & deres attributter: Input (skal altid forsynes med attributterne type & name) -Input markøren anvendes til at tegne felter hvori info kan tastes Eksempel 1Eksempel 1 (Opretter indtastningsfelt) (Samme som Text – den vises dog ikke) (Skjuler feltet men sender det stadigvæk)Eksempel2Eksempel2 (Tegner en lille checkbox) (Tegner en lille cirkel) samme name, kun en valg mulighed / forskellig name, kan alle vælges Eks.3Eks.3 (Tegner en knap, der sender indtastet data) (Tegner en knap, der sletter indtastet data) (Anvende et billede som knap til at sende data) (Tegner en fast designet knap, der kan anvendes)

4 Øvrige attributter der kan indsættes i input-markøren er: Name(navne repræsentant for feltet) Alt(Kort forklarende tekst) Size(længden på indtastningsfeltet) Maxlength(angiver hvor mange tegn der max. Må indtastes i feltet) Tabindex (Ved tryk på tabulator tast, springes der i den kronologiske rækkefølge) Select (der altid skal forsynes med attributten name) -Dette er en alternativ til checkbox & radio button, som hyppigst vælges når der skal vælges imellem en række muligheder. -Denne markører tegner en liste – der også kaldes en kombinationsboks på skærmen.

5 Option (skal altid forsynes med attributten value) -Listens punkter/indhold skabes via markøren option -Value er den værdi/information der sendes afsted hvis punktet vælges -Eksempel 4Eksempel 4 Textarea (skal altid forsynes med attributterne name, rows & cols) -Dette er markøren der giver brugeren mulighed for at formulere sin egen tekst el. besked til modtageren. Frit skrivbart felt. -Textarea markørens attributter: rows – cols – wrap=”off” (slår automatisk liniedeling fra) – wrap=”virtual” (slår automatisk liniedeling til) – wrap=”physical” (slår liniedeling til og sender som brugeren ser det) -Eksempel 5Eksempel 5 Praktisk eksempel på mail formular (eksempel 6)….

6 Gå ind på W3Schools.com og arbejde med formularer. Benyt dette link: http://www.w3schools.com/html/html_forms.asp Løs følgende opgave: Gå ind på ITs Learning og løs opgaven 004 – HTML formularer Når du har gennemført opgaven, kald på underviseren for godkendelse.