Hvordan lage en avrundet Input Button

Hvordan lage en avrundet Input Button


Når en webmaster ønsker å samle inn informasjon fra brukere, er ett alternativ å bygge en form. Brukere oppgi sitt navn, telefonnummer eller e-post i tekstfeltene. Drop-down menyer, avmerkingsbokser og radioboksene kan legges for å forbedre formen. På slutten, klikker brukeren en avrundet knapp vanligvis merket "Send". Dette sender informasjon i form til en e-postadresse eller server. Denne avrundet knappen kan brukes til mange formål - det foregående eksempel er et vanlig bruk. En knapp kan brukes til å tilbakestille felt i et skjema, skrive ut siden, generere en handling i et Javascript eller har ingen hensikt med unntak for tilpassing og presser. Opprette en knapp er lett å bruke HTML

Bruksanvisning

1 Åpne et program som kan lage og redigere HTML-dokumenter. På en Windows-PC, er Microsoft Notepad et godt valg. Det finner du ved å trykke på "Start" -knappen i nedre hjørne av skjermen og navigere til "Alle programmer," "Tilbehør" og deretter "Notisblokk". På en Apple Mac, vil Text Editor fungere. Åpne dette programmet fra Dock eller programmappen.

2 Lim inn følgende kode inn i editoren: <form name = "input" action = "mailto: [email protected]" method = "post">
'
Dette kodestreng begynner form. Her er formen gitt et navn "input" og fortalt av "action" for å sende informasjonen til en e-postadresse etter avrundet knappen trykkes på slutten. Flere kompleks handling kommandoer kan legges for å få skjemaet til å gjøre forskjellige ting.

3 Legg til denne linjen med kode under den forrige: <input type = "submit" value = "Send" />

Dette skaper avrundet innspill knappen. Den type = "submit" forteller HTML editor for å lage en knapp som skal brukes til å sende informasjon i form til en e-postadresse. "Verdien" indikerer hva som vil være skrevet på den runde knappen - ". Submit" i dette tilfellet, Denne kan endres til noe.

4 Kopier denne linjen med tekst inn i dokumentet: <input type = "button" onclick = "formReset ()" value = "Nullstill skjema" />

En avrundet knappen er ikke begrenset til å sende inn informasjon - det kan gjøre andre ting også. I denne linjen med kode, blir avrundet knappen konfigurert til å tilbakestille alle feltene i en form. Handlingen "formReset ()" kan erstattes med koder for å skrive ut siden "kalender Skriv ut ()" eller omdirigere brukeren til en annen nettside "window.location.href = ''">.

Den "input type" i koden indikerer en knapp blir opprettet. Dette bør brukes i alle knappekoder unntatt når du oppretter en "send" -knappen.

5 Lukk ut koden ved å sette inn denne koden under alt: </ form>

Dette indikerer skjemaets elementer, inkludert den avrundede knappen er ferdig.

6 Lagre HTML-dokumentet. I Microsoft Notisblokk, gå til "File" og klikk på "Lagre som". Skriv inn et filnavn for dokumentet og avslutte den med ".html" Klikk "Lagre". På en Mac datamaskin, klikk på "File" øverst på siden og deretter "Lagre som". Skriv inn et filnavn for dokumentet og endre formatet fra Rich Text til HTML nettside ved hjelp av rullegardinmenyen nedenfor.

Hint

  • Prøv å plassere denne linjen med kode etter Trinn 2: <input type = "text" name = "bruker" />
  • Dette skaper en tekstboks der tekst kan skrives. Andre elementer, for eksempel meldingsbokser, avmerkingsbokser, radio bokser eller drop-down menyer er lagt i dette trinnet, avhengig av hva slags informasjon som webmaster ønsker å samle fra brukerne når du gjør en "Send" -knappen.