Hvordan endre en tekstboks Border Bruker Javascript

Javascript programmeringsspråk kan du dynamisk endre HTML-elementer 'design med grensen til en tekstboks element. Hvert element i HTML-siden inneholder flere CSS-klasser. Du bruker disse klassene i Javascript-funksjoner for å endre oppsett slik som tekstboksen grensen. Du endrer tekstboksen grenser dynamisk for å lage en tekstboks skiller seg ut mot de andre; for eksempel, bruker du denne funksjonen for den omstendighet når en bruker glemmer å fylle ut en del av en form - du setter grensen som rødt for å indikere at brukeren må fylle ut informasjon før du fortsetter.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder tekstboksen du vil redigere. Klikk "Åpne med", deretter HTML eller Javascript editor du bruker til å redigere koden din.

2 Finn tekstboksen du vil redigere. Du trenger "ID" verdien av tekstboksen for Javascript-kode. Hvis du ikke har en tekstboks som allerede er opprettet, skaper følgende kode for deg:

<Input type = "text" id = "mybox" value = "verdi" />

3 Skriv inn følgende Javascript-kode for å endre tekstboksen grensen:

. Document.getElementById ( "mybox") style.border = "1px solid black";

Koden ovenfor legger en 1 pixel solid svart ramme rundt tekstboksen.