Hvordan skrive HTML Forms

En form er et område som inneholder ulike formelementer for å ta brukerundersøkelser for behandling av et spesielt program. Det finnes ulike formelementer som kan sees i figuren nedenfor. Utseendet til disse skjemaelementer kan imidlertid variere basert på hvilken nettleser du bruker. Denne opplæringen forutsetter at du har minst en grunnleggende kunnskap om HTML


    Først må du angi begynnelsen og slutten av skjemaet med. ≪ skjema > og < /skjema > tags. Som jeg allerede har nevnt, når brukerundersøkelser er sendt inn, blir det behandlet med et spesielt program. Denne spesielle programmet er vanligvis skrevet i en Common Gateway Interface (CGI) språk. Du må få tak i eller skrive deg et program ofte kalles formmail skrevet i enten PHP eller Perl. Et alternativ er å bruke en tjeneste fra Mail som belaster en nominell avgift (mindre enn $ 1 i måneden) for slik at du kan bruke den som er lagret på systemet sitt. Jeg anbefaler at du velger dette alternativet, som gjør det selv kan være svært vanskelig og tidkrevende. Videre er det noen hosting selskaper ikke tillate deg å bruke dine egne CGI-programmer av frykt for sikkerhetsrisikoer. Hvis du er sikker på at du vil være i stand til å sette den opp selv, kan PERL programmet fås ScriptArchive. Instruksjonene for å konfigurere skriptet vil bli inkludert i readme. Når du har forberedt et script for din bruk, må du knytte skjemaet til den. Dette gjøres ved hjelp av "action" og "metode" attributter. Verdien av "action" attributt er plasseringen og navnet på skriptet mens metoden er enten "få" eller "post". Hvis du bruker PERL formmail, vil HTML-koden ligne på følgende < form method = "POST" action = "http://fp1.formmail.com/cgi-bin/fm192" >.

    den mest brukte formen element er < innspill > tag. Den type innspill er spesifisert i verdien av "type" attributt. Med inngangssignalet, kan du enkelt lage en knapp, boksen, radio, reset eller send-knappen, eller tekstboks. Bare indikere hvilken type skjema element du ønsker å skape i den type egenskap av innspill. For eksempel, for å lage en tekstboks som den i diagrammet, jeg ville komme inn < input type = "text" />. Tre andre attributter du trenger å vite er "verdi" "merket" og "navn". Verdien av den verdiattributt varierer avhengig av typen av inngangs. For knapper og tekst innganger, verdien du angir er det som vises som standard når en bruker ser skjemaet. For avmerkingsboksene og radioknapper, er verdien hva det står for når den klikkes. Dette blir sendt til skriptet som behandler skjemaet. For radioknapper og avmerkingsbokser blir kontrollert element brukes til å indikere om det bør sjekkes som standard. Det har ingen verdi. Navnet attributtet er nødvendig for inngangs elementer med typer knappen, boksen, tekst og radio. Et eksempel på en valgknapp med attributtene jeg har nevnt er altså: < input type = "radio" sjekket
    Bruk elementene forklart i denne opplæringen for å lage din egen form. En Sample Form - For å se hva dette ser ut, skriver du inn følgende i din favoritt editor og lagre det. ≪ form method = "POST" action = "http://fp1.formmail.com/cgi-bin/fm192" > Navn: < input type = "text" > E-post: < input type = "text" > Ja! Vennligst send meg e-post hver uke. ≪ input type = "checkbox" sjekket /> Spørsmål /Kommentarer: < textarea rader = "5" kolonner = "25" > Skriv inn tekst her < /tekstboks >. Hvor fikk du høre om oss? <select><option>Google</option><option>Yahoo</option><option>Other</option></select> ≪ input type = "submit" /> < input type = "reset" /> ≪ /skjema >
    Advarsel:
    Bruk aldri action = " mailto: [email protected]" som noen tutorials foreslår. Det fungerer ikke for alle nettlesere og 99% av tiden, vil ingenting skje.
    Tips:.
    Bruk tabeller for å gi skjemaet et mer organisert og profesjonelt utseende
    Nyttige linker:
    Low Cost Formmail Hosting Solutions

    W3C Forms spesifikasjoner