Hvordan definere en standardverdi for “Input Type = Text” uten å bruke attributt 'verdi'?

HTML -elementene brukes til å legge til bestemte funksjoner på websider. For eksempel "

”Element lager et bord,“”Element brukes til å legge til et inngangsfelt, og mange flere. I HTML brukes attributter for å spesifisere tilleggsinformasjonen til elementene.

Dette innlegget vil instruere deg hvordan du kan definere en standardverdi for "" uten å bruke attributtet "verdi”.

La oss først se hvordan du bruker "verdien" -attributtet som hopper inn i diskusjonen, som er et bedre alternativ for å definere en standardverdi for "" Elementet.

Hva er HTML “verdi” attributt?

I HTML, “verdi”Attributt brukes til å angi inngangselementets standardverdi.

Eksempel

Følgende kodeblokk viser "”Element som har" Type "," klasse "og" verdi "attributter:

Her er beskrivelsen av ovennevnte attributter:

- “type”Attributt angir inngangsfelttypen, for eksempel avkrysningsrute, radio, tekst eller mer.
- “klasse”Og“id”Attributter er satt til å få tilgang til elementet i CSS eller JavaScript for videre manipulasjon.
- “verdi”Attributt angir standardverdien.

Produksjon

La oss legge CSS -stilene til “" elementet for å gjøre det presentabelt.

Stil "input-stil" -klasse

“.Input-stil”Brukes til å få tilgang til klassen for styling, og følgende egenskaper brukes på den:

.input-stil
polstring: 10px;
Font-størrelse: 20px;
Border-Radius: 10px;
Grense: 1px Solid RGB (204 203 203);
Bokseskygge: 1px 1px 1px 1px RGB (204 203 203);

Her:

- “polstring”Legger plass innenfor elementets grense.
- “skriftstørrelse”Definerer skriftstørrelsen.
- “Border-Radius”Gjør elementets kanter rundt.
- “grense”Bruker grensen rundt elementet.
- “Bokseskygge”Legger til en skygge rundt elementet. Den spesifiserer verdiene for sin horisontale forskyvning, vertikal forskyvning, uskarphetseffekt, spredningseffekt og farge.

Produksjon

Hvordan definere en standardverdi for “Input Type = Text” uten å bruke attributt “Verdi”?

I HTML er det flere måter å angi en standardverdi for “Inngangstype = tekst”. Noen av dem er listet opp nedenfor:

- Ved hjelp av "plassholder" attributt
- Bruke JavaScript “Verdi” -egenskaper
- Ved hjelp av jQuery “val ()” -metode

Metode 1: Hvordan definere en standardverdi for “Input Type = Text” ved hjelp av HTML “Placeholder” -attributtet?

Metoden for å angi standardverdien for “”Element er“stedholder" Egenskap. Denne attributtet er satt til å vise innholdet på inngangselementet:

Produksjon

Så langt har vi forklart hvordan du angir standardverdien til "" elementet i HTML. Du kan også spesifisere standardverdien ved hjelp av JavaScript og jQuery. La oss diskutere disse tilnærmingene en etter en.

Metode 2: Hvordan angi en standardverdi for “Input Type = Text” ved hjelp av JavaScript “Verdi” -egenskaper?

Du kan også bestemme standardverdien til et inngangsfelt ved hjelp av JavaScript. For å inkludere JavaScript -kode i HTML, legg til "”Tagger:

Innen "”Tagger, spesifiser“dokument.getElementById ()”For å hente inngangselementet etter ID. Legg deretter til “verdi”Eiendom og angi standardverdien til elementet.

Produksjon

Metode 3: Hvordan spesifisere en standardverdi for “Input Type = Text” ved hjelp av jQuery “val ()” -metoden?

En annen effektiv måte å definere standardverdien for "Input Type = Text" er jQuery "val ()”Metode. JQuery er et JavaScript -bibliotek. Det kreves å laste ned jQuery før du bruker metodene eller inkluderer det via CDN som Google.

For å laste ned den, besøk jQuery.com. Spesifiser deretter referansen innenfor "”Seksjon av HTML:

For å inkludere jQuery med CDN, spesifiser følgende kode:

I HTML, innenfor "”Element, legg til“$ ()”Metode med ID for et element som en parameter og hente elementet. Legg deretter til “.val ()”Metode med den for å spesifisere standardverdien:

>$ ('#eksempel).val ('standard');

Produksjon

Det kan observeres at standardverdien for inngangsfeltet er blitt angitt.

Konklusjon

I HTML, for å definere en standardverdi for “”,“verdi”Attributt brukes. Imidlertid eksisterer det flere alternative måter, for eksempel å bruke "stedholder”Attributt, JavaScript -kode og jQuery -metoder. For å legge til JavaScript og jQuery -kode i HTML, spesifiser "”Tagger. “verdi”Eiendom i JavaScript og“val ()”Metode i jQuery brukes til å angi standardverdien. Dette innlegget har forklart metodene for å angi standardverdien for "" uten å bruke "verdien" -attributtet.