Hvordan bedst bruges avancerede HTML-formattributter?



Denne artikel vil introducere dig til nogle af de avancerede HTML-formattributter og undervejs også give en praktisk demonstration.

er naturligvis den første ting, der kommer over hovedet efter at have lyttet til udtrykket www. Dybest set er det tingen bag hvert eneste websted, du besøger i dag. I denne artikel vil vi undersøge nogle avancerede HTML-formattributter.

Følgende punkter vil blive dækket i denne artikel,





Så lad os komme i gang med denne artikel,

Avancerede HTML-formattributter

HTML alene kan ikke gøre retfærdighed med nogle af de mest elskede designs, som vi ser i dag. Det kræver hjælp, og det leveres af CSS eller Cascading Style Sheet . HTML & CSS kan bruges sammen til at skabe nogle attraktive websider.



Fortsætter med denne artikel om avancerede HTML-formattributter

Mærker og attributter i HTML

Disse er begge det grundlæggende i HTML, og de arbejder begge sammen, men udfører forskellige funktioner.

Mærker: Mærker bruges til at markere starten på HTML-elementet og er lukket af de vinklede parenteser.



Eksempel:

statisk blokeksempel i java

Ovenstående tag er overskriftstagget i HTML.

Attributter: Dette er de yderligere oplysninger om tags og er specificeret i taggen.



Eksempel:

 ”My

Ovenstående tag er billedmærke og alt er attributten for tagget og giver beskrivelsen for billedet hello_world.jpg

Som vi har diskuteret de grundlæggende, som vi havde brug for, kan vi nu gå videre med motivet i denne artikel, som er nogle avancerede HTML- og CSS-tags.

Fortsætter med denne artikel om avancerede HTML-formattributter

Max, Maxlength og Min attributter

Disse er især attributterne for input-koden, dvs. Input-koden bruges grundlæggende inde i koden til at acceptere de forskellige typer input fra brugeren såsom tekst, nummer, radioknap, datoer, afkrydsningsfelt, tid, adgangskode osv.

Maks

Denne attribut specificerer den maksimale værdi for ethvert specificeret input. Hvis brugeren forsøger at indtaste mere end den maksimale værdi, accepterer den ikke tegnene eller værdierne bagefter.

Bemærk:

Max attribut blev introduceret med HTML 5.

Eksempel:

Antal studerende:

GitHub Gist Link:

Værdien af ​​de studerende kan ikke øges ud over 50.

Output - Avancerede HTML-formattributter - Edureka

Bemærk: Mærkets attributhandling angiver, hvor de indtastede data vil blive sendt til den videre proces. I dette tilfælde er det submit_detail.php, som er en PHP-fil.

Antal studerende er den detalje, der skal indtastes i tekstboksen.

Attributten max i det første mærke angiver den maksimale numeriske værdi, der kan indtastes i tekstboksen, hvilket er værdier mere end 50, der ikke accepteres, hvilket er hovedmotivet for max-attributten.

Max-tag kan også bruges til at definere den maksimale dato, som brugeren kan indtaste i indtastningsfeltet.

Eksempel:

Indtast din fødselsdato i ÅÅÅÅ-MM-DD-format: 
Max DOB: 2000-03-31

GitHub Gist Link:

Vi har brugt 31St.Marts 2000 som den maksimale dato, og indstillingen er kalender, er kun begrænset til denne dato.

I dette indtastningsfelt ville brugeren ikke være i stand til at indtaste den dato, der er efter den angivne dato i max-attributten.

Fortsætter med denne artikel om avancerede HTML-formattributter

Maks. Længde

Som navnet antyder, specificerer denne attribut den maksimale længde på de tegn, som brugeren kan indtaste i et indtastningsfelt. Attributværdierne er tal.

Eksempel:

Skriv dit brugernavn:

GitHub Gist Link:

Indtastningsfeltets grænse er 15 tegn, så input er kun begrænset til 15 tegn.

Denne maxlength-attribut i tagget vil begrænse brugeren til at give et input, der strengt taget ikke er større end den angivne værdi, som er 15.

Bemærk Standardværdien for attributten maxlength er 524288.

Fortsætter med denne artikel om avancerede HTML-formattributter

Min

Attributten min angiver minimumsværdien for den værdi, der skal indtastes i inputfeltet.

Eksempel:

Indtast alder:

GitHub Gist Link:

Attributten min i inputtaggen definerer, at inputalderen ikke må være mindre end 18.

Tip: Du kan bruge både min og max attribut med et input for at give input et lovligt interval eller acceptabelt interval.

Eksempel:

Indtast alder:

GitHub Gist Link:

Med dette kommer vi til slutningen af ​​denne artikel om avancerede HTML-formattributter.

Nu kan rækkevidden af ​​input i marken ikke være mindre end 18 såvel som større end 50 på samme tid.Attributterne max og min kan bruges med flere inputtyper såsom antal, rækkevidde, dato, datetime, datetime -local, måned, tid og uge.

Nu hvor du ved, hvad der er HTML, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørgsmål til os? Nævn det i kommentarfeltet i artiklen, og vi vender tilbage til dig.