Vis kun Tekstboks' i HTML
Hypertext Markup Language, eller HTML, blir brukt til å legge gjenstander, for eksempel bilder og tabeller, inn i en webside. Med HTML, kan du legge til skrivebeskyttet, eller vise-bare, tekstbokser til nettstedet ditt. Skjerm-bare tekstbokser er mest nyttig når det brukes i kombinasjon med Javascript for å skape et interaktivt skjema.
Grunnleggende
Du kan opprette to typer tekstbokser i HTML: tekstområder eller tekstfelt. Tekstfelt tillate en eneste linje med innspill, mens tekstområder kan tillate ubegrenset linjer med innspill. Tekstfelt er oftest brukt for å skaffe brukerdata, for eksempel påloggingsinformasjon, mens tekstområder brukes som oftest for besøkende kommentarer. Du kan sette inn tekst områder på en side ved hjelp av følgende kode:
<Textarea> </ textarea>
Du kan sette inn tekstfelt på en side ved hjelp av følgende kode:
<Input style = "text">
Attributter
Du kan bruke "Lese" attributt for å hindre brukere fra å sette inn, fjerne eller endre teksten i tekstboksen. Brukere kan kopiere eller markere teksten, men de kan ikke endre det. Du kan bruke "Lese" med både tekstfelt og tekstområder. For å gjøre en skjerm som bare lærebok i HTML, kan du bruke følgende kode:
<Textarea skrivebeskyttet = "skrivebeskyttet">
eller
<Input style = "text" skrivebeskyttet = "true">
eller
<Input style = "text" skrivebeskyttet>
Javascript
Du kan bruke Javascript for å deaktivere "skrivebeskyttet" når den besøkende møter et bestemt sett av kriterier. For eksempel på en registreringsside, kan du oppheve blokkeringen av "E-post" tekstfeltet når leseren sjekker boksen for alternativet "Jeg godtar vilkårene og tjenester." Et eksempel kode kan være:
<Head>
<Script language = "Javascript">
funksjon function ()
{
var x = document.getElementById ( "IDName") removeAttribute ( "skrivebeskyttet.");
alert ( "Du kan nå skrive inn e-postadressen din.");
}
</ Script>
</ Head>
Logg inn: <input id = "IDName" type = "text" name = "email" value = "Skriv inn e-postadresse" skrivebeskyttet = "true">
<Input type = "checkbox" onclick = "function ();"> Jeg godtar vilkårene og tjenester.
Change "function" og "IDName" for å tilpasse koden. Hvis du endrer navn på funksjonen eller element-ID i Javascript-kode, må du speile disse endringene i det tilknyttede HTML.
formatering
Du kan bygge inn en skjerm som bare tekstboks på siden din for å legge til informative detaljer. Du kan legge til tekst felt med "verdi" attributt, slik:
<Input type = "text" value = "Sett Pre-eksisterende tekst her">
Ved bruk av tekstområder, setter du inn ønsket tekst i mellom "<textarea>" og "</ textarea>" koder. Det er også anbefalt at du bruker "kolonner" og "rader" attributter å definere dimensjonene av tekstboksen. "Cols" refererer til kolonner, som bestemmer antallet tegn som kan gå over en linje. "Rader" bestemmer hvor mange linjer teksten området har. Denne koden, for eksempel, skaper en tekstboks som er 30 tegn, og fire linjer i høyden.
<Textarea Cols = "30" rader = "4">
Sett inn tekst her.
</ Textarea>