Hvordan Input et tekstfelt i HTML

Motta informasjon fra de som ser på nettstedet ditt er et verdifullt verktøy. En enkel form med tekstfelt kan du be om tilbakemelding og en bruker for å gi sine innspill. Bygge et slikt skjema i HTML er en oppgave som kan gjennomføres av selv de nybegynner programmerer.

Bruksanvisning

1 Start din HTML editor programvare. Hvis du ikke har en HTML-editor, kan du bruke Notepad (PC) eller TextEdit (Mac). Begge kommer installert på Windows eller Apple-operativsystemer.

2 Velg "File" og "Open" fra programmets navigeringsmenyen for å åpne et eksisterende HTML-dokument. Hvis du oppretter en ny HTML-dokument, velg "New" under Fil rullegardin stedet.

3 Legg den skjulte skjemabehandling kode før noen av tekstfeltene. Koden vil se noe som ligner på dette:

<Form name = "form" action = "http://www.url.com/formhandler.cgi" method = "post">

Din vertsserver eller form tjenesten vil være i stand til å gi den eksakte koden.

4 Plasser tekstfeltet koden under skjemabehandling script. Tekstfeltet er der brukerne vil skrive inn tekst. Du har flere alternativer for å endre tekstfeltet kode:

"Navn" definerer hvordan feltet er anerkjent: name = "My_Form"

"Type" definerer om formen er tekst eller passord basert: type = "text" (. Hvis passordet er valgt, vil feltet skjule inn tekst)

"Size" definerer bredden på feltet: size = "2"

"MaxLength" definerer den maksimale mengden av tegn som kan legges inn i feltet: MAXLENGTH = "25"

"Value" definerer hva teksten vises i tekstfeltet på side belastning: value = "Dette er mitt skjema"

"Tabindex" definerer rekkefølgen feltene vil bli valgt når en bruker treffer sin tab-tasten: tabindex = "1"

Alle eller noen av disse alternativene kan brukes til å definere et tekstfeltegenskapene. Komplett tekstfeltet HTML kode ser ut som følgende:

<Input type = "text" name = "form" size = "20" MAXLENGTH = "30" value = "Dette er mitt skjema">

5 Legg til så mange tekstfelt til HTML-dokumentet som du ønsker. Når du er ferdig, legger sende og tilbakeknapper. Koden er standard:

<Input type = "submit" value = "Send" /> <input type = "reset" value = "Nullstille">

Du kan endre "Send" eller "Reset" til noen ord av ditt valg.

6 Lukk ut skjemaet med </ form> tag.

7 Lagre HTML-dokumentet. Preview og teste formen i nettleseren din før du laster den til webserveren.