Hvordan lage Form knapper som Input tekst i tekstfelt

HTML-tekstformer tillate brukere å legge inn og sende informasjon til deg fra ditt nettsted. Gjennom bruk av tekstfelt, radioknapper, drop-down menyer og standard knapper, har en bruker en rekke alternativer i å kommunisere med deg. Hvis du har et skjema på nettstedet ditt med tekstfelt, kan du bruke en knapp eller rekke knapper for å tillate brukeren å fylle disse feltene med forhåndsdefinert tekst. Dette gjøres ved hjelp av HTML-koder i kombinasjon med "onclick" Javascript

Bruksanvisning

1 Start din HTML-redigering program. Hvis du ikke har en HTML-editor på datamaskinen, klikker du på "Free HTML Redaktører" linken i "Ressurser" seksjonen. Last ned og installer HTML editor du velger å bruke standard programalternativer.

2 Åpne et eksisterende HTML-dokument eller klikk "Fil" og "New" for å opprette en.

3 Type "<form action =" # "name = 'ourform'>" for å legge skjemaet åpning tag, noe som indikerer at disse linjene er alle en del av samme form. Trykk enter."

4 Type "<input type =" knappen "value =" dette er vårt utvalg teksten "onclick =" document.ourform.textfield.value = "dette er vår eksempeltekst '"> "trykk" Enter ". Denne linjen skaper en knapp med "dette er vårt eksempel på tekst" skrevet på den, og vil fylle et tekstfelt som heter "tekstfeltet" med den samme meldingen. Dette trinnet kan gjentas med annen tekst, i stedet for "dette er vår eksempeltekst," for å opprette flere knapper som befolker den samme tekstfeltet. Når du oppretter ekstra knapper, må du endre "dette er vårt utvalg teksten" tekst i begge deler av koden (etter "verdi" og etter "document.ourform.textfield.value").

5 Type "<input type =" text 'name =' tekstfeltet 'width = '25'> "for å lage tekstfeltet som vil være befolket av tekst når brukeren klikker på knappen (e) opprettet i trinn 4.

6 Type "</ form>" for å lukke skjemaet tag.

7 Klikk på "File" -menyen og klikk "Lagre". Skriv inn et lagre navn og velg en plassering på datamaskinen for å lagre HTML-dokumentet, hvis det er nødvendig.

8 Dobbeltklikk på HTML-dokumentet du opprettet (eller modifisert) i de forrige trinnene for å lansere den i din standard nettleser. Test det nye skjemaet ved å klikke på knappen (e) på siden for å fylle ut tekstfeltet.