Slik viser svak tekst i et tekstfelt i HTML

En tekstfelt på en Internett-skjemaet er det området hvor de besøkende kommer inn sin informasjon. Du har muligheten til å vise teksten du ønsker i tekstfeltet for å gi brukeren en visuell spørsmål som skjemaet er fylt ut. Enda bedre, med Cascading Style Sheets (CSS) kode, denne meldingen vises i ønsket farge. Bruk datamaskinens teksteditor for å redigere HTML-dokumentet og opprette skjermen inne i tekstfeltet som du trenger.

Bruksanvisning

1 Start teksteditor programmet og åpne HTML-fil.

2 Plasser markøren mellom "<head> </ head>" koder i dokumentet. Skriv inn CSS-koden som styrer visningen av teksten i tekstfeltet:

<Head>

<Style type = "text / css">

inngang {color:; }

</ Style>

</ Head>

3 Skriv inn navnet på en svak skygge, for eksempel "grå" etter "farge" delen av koden. Dette gjør innholdet i tekstfeltet fargen du angir.

4 Plasser markøren inne i HTML "<input>" tag som styrer tekstfeltet som du vil endre. For eksempel vil en typisk tekstfelt koden se slik ut <input type = "text" name = "eksempel" />

5 Skriv "value =" før backslash og følg denne med innholdet, for eksempel "Skriv inn fornavn," som du vil vise i feltet. For eksempel kan linjen se slik ut <input type = "text" name = "eksempel" value = "Skriv inn ditt fornavn" />

6 Lagre dokumentet. Dataene du angav nå vises i tekstfeltet med skyggen du velger.

Hint

  • For å vise en mer spesifikk skygge, for eksempel en lysere grå, bruk en heksadesimal fargekode i stedet for et fargenavn i trinn 3. Bruk en teksteditor fargevelgeren, eller få tilgang til en online ressurs for å få ønsket fargekode.