Skriftstørrelse for en tekstboks

January 6

Den <input> -taggen er en del av et HTML-skjema. Det kan definere en rekke gjenstander, blant annet radioknapper, innsending knapper, avmerkingsbokser og tekstfelt. En tekstfeltet er en redigerbar boks som lar en besøkende å legge inn data før du sender inn skjemaet. Unstyled, alle tekstskriving bokser standard til et lignende sett av egenskaper.

standard~~POS=TRUNC Kjennetegn

Uten formatering brukt, vil en tekstboks ved hjelp av inngangslappen være omtrent 20 piksler høyt og 175 piksler bredt. Bakgrunnen for tekstområdet vil være hvit med svart tekst i en sans-serif font ca 12 piksler høy. Dette kan variere avhengig av nettleseren; Hvis nettleseren din er satt til å bruke en annen skriftstørrelse eller style det kommer til å bruke det i stedet for den generelle standard oppførsel. Den eneste måten å overstyre standard er å sette din egen styling ved hjelp av CSS.

Font Size Alternativer

Bruk CSS til å endre skriftstørrelsen for innspill boksen, enten ved å legge til en oppføring i stilarket, eller ved å legge til "style" attributt til din <input> -taggen. CSS for å endre størrelsen på teksten er "font-size", og du kan øke eller redusere skrift på flere forskjellige måter. Du kan angi bredden i prosent, for eksempel 150 prosent for å gjøre skriften grad større enn base skrift, eller 50 prosent for å gjøre det halvparten av vanlig størrelse. Du kan angi skrift med et statisk tall, for eksempel "20px" for å gjøre skriften 20 piksler høy. De andre alternativene er "xx-small" gjennom "xx-large" verdier. Med standard som "medium", kan du gå opp og ned derfra til enten ekstreme.

Modifisering All Input tekst

Hvis du ønsker at alle tekstområdet satt med inngangsfunksjonen til å se det samme, kan du legge til "input" alternativet til stilark. For eksempel, hvis du vil at hver tekstområdet for å ha grå 20 pixel-tall tekst, vil du legge til følgende i stilark:

innspill {
font-size: 20px;
color: # A8A8A8;}

Du kan endre ganske mye noe om tekstområdet ved hjelp av CSS, inkludert font, størrelse på tekstboksen, grenser og bakgrunnsfargen. For eksempel, for å angi skriftstørrelse for hver tekstområdet til Times New Roman, størrelsen til 15 piksler, med en svart bakgrunn og hvit tekst du vil bruke:

innspill {
font-family: Times New Roman;
font-size: 15px;
bakgrunn: # 000000;
color: #FFFFFF;}

Endre en enkelt inngang Box

Si at du ikke ønsker å endre hver tekstområdet, kun spesielle seg. Som et eksempel, hvis du har en form som har muligheter for en besøkendes navn, e-postadresse, hjemmeside og budskap og du ønsker å gjøre det klart at e-postadressen er obligatorisk, kan du style den med større, fet rød tekst. I stedet for å bruke "input" i ditt stilark til å style hver eneste tekstområdet, kan du lage en klasse som heter noe sånt som "nødvendig", slik som:

.required {
font-weight: bold;
color: # FF0000;
font-size: 110%;}

Perioden før klassenavnet definerer det som en klasse. Hvis du vil bruke den til tekstboksen, kan du legge class = "nødvendig" som i: <input type = "text" value = "E-postadresse" class = "nødvendig" />. Klasser kan brukes til mer enn ett objekt. Du kan også legge til dette ved hjelp av "stil" attributt, som legger CSS modifikasjon til en enkelt kode. Det er Messier men fungerer hvis du ikke har tilgang til en sides stilark. Den samme effekten vil bli møtt med: