Hvordan lage et skjema i Adobe Dreamweaver CS5

Skjemaer la besøkende til å samhandle med nettstedet ditt ved å sende inn informasjon som skal bearbeides. En vanlig metode for å bruke skjemaene er å få tilbakemeldinger fra de besøkende, som kan kreve ytterligere informasjon. Dreamweaver CS5 forenkler formopprettingsprosessen ved å tilby en grafisk utforming grensesnitt, som automatisk går inn i HTML-koden for deg. Form elementer, slik som skjema disposisjon, tekstfelt og knapper, er satt inn i skjemaet fra Form menyen.

Bruksanvisning

1 Åpne HTML-siden i Adobe Dreamweaver CS5 og klikk på stedet der du vil at skjemaet skal begynne.

2 Klikk "Sett inn" på toppmenyen, velg "Form" og velg "Form" fra fly-out menyen. En stiplet rød boks vises på siden.

3 Skriv inn nettadressen til skript som vil behandle din form i "Handling" -feltet på knappen Egenskaper-vinduet. Hvis du ikke kan se vinduet Egenskaper, hold "Ctrl" -tasten og trykker "F3".

4 Klikk "Sett inn", pek på "Form" og velg type skjema element du ønsker å bruke. Vanlige valg er "Text Field," for å akseptere én eller flere linjer tekst, "boksen" for å anskaffe ja / nei typen svar, "Radio Button" for å velge et element og "Velg (Liste / Meny)" for å legge inn en liste over alternativer. Hver komponent har sine egne konfigurasjoner, tilgjengelig fra vinduet Egenskaper.

Som et eksempel, for å legge inn et tekstfelt med flere linjer, klikk på "Sett inn", "Form" og "Text Field." Klikk på "OK" i popup-vinduet, som ber om tilleggsinformasjon. Klikk den nyopprettede tekstfeltet for å velge det. Klikk "Multi Line" for å gjøre det til en multi-line feltet. Angi pixel bredden på feltet i "Char bredde" seksjonen og antall linjer i "Num Lines" -feltet. Skriv inn noen innledende tekst verdi som du vil skal vises i tekstboksen, for eksempel "Skriv inn din melding her."

5 Skriv inn noen beskrivende etiketter du vil før eller etter skjemaelementer. Som et eksempel, kan du skrive "Feedback" før flere linjer tekstfeltet for å la besøkende vet at det er en feedback-boksen.

6 Klikk "Sett inn", "Form" og deretter "Button". Knappen vil være en "Send" -knappen som standard, men du kan også utpeke en ekstra knapp som "Reset Form" i vinduet Egenskaper for å tillate brukere å fjerne skjemaet. Ved å klikke på Send-knappen vil sende inn skjemaet til Handling URL.

7 Lagre HTML-siden og laste den opp til serveren din for å gjøre det aktivt.