Hvordan bruker du avanserte HTML-skjemaattributter best?



Denne artikkelen vil introdusere deg for noen av de avanserte HTML-skjemaattributtene, og i prosessen vil det også gi en praktisk demonstrasjon.

er åpenbart det første som kommer over hodet etter å ha lyttet på begrepet www. I utgangspunktet er det tingen bak hvert eneste nettsted du besøker i dag. I denne artikkelen vil vi utforske noen avanserte HTML-formattributter.

Følgende tips vil bli dekket i denne artikkelen,





Så la oss komme i gang med denne artikkelen,

Avanserte HTML-skjemaattributter

HTML alene kan ikke gjøre rettferdighet med noen av de mest elskede designene vi ser i dag. Det krever hjelp, og det er gitt av CSS eller Cascading Style Sheet . HTML og CSS kan brukes sammen for å lage noen attraktive websider.



Fortsetter med denne artikkelen om avanserte HTML-formattributter

Merker og attributter i HTML

Disse begge er det grunnleggende i HTML-en, og de jobber begge sammen, men utfører forskjellige funksjoner.

Tagger: Merkelapper brukes til å markere starten på HTML-elementet og er omsluttet av vinkelparentene.



Eksempel:

ruby on rails arbeidsmarked

Ovenstående tagg er overskriften i HTML.

Attributter: Dette er tilleggsinformasjonen om kodene og er spesifisert i taggen.



Eksempel:

 ”My

Ovenstående merke er bildemerke og alt er attributtet for koden og gir beskrivelsen for bildet hello_world.jpg

Som vi har diskutert det grunnleggende vi trengte, kan vi nå gå videre med motivet til denne artikkelen, som er noen avanserte HTML- og CSS-koder.

Fortsetter med denne artikkelen om avanserte HTML-formattributter

Maks, maks lengde og min attributter

Dette er spesielt attributtene til inngangskoden, dvs. Inndatakoden brukes i utgangspunktet inne i koden for å godta de forskjellige typene innganger fra brukeren, for eksempel tekst, nummer, alternativknapp, datoer, avkrysningsrute, tid, passord etc.

Maks

Dette attributtet spesifiserer maksimumsverdien for en spesifisert inngang. Hvis brukeren prøver å angi mer enn maksverdien, godtar den ikke tegnene eller verdiene etterpå.

Merk:

Max attributt ble introdusert med HTML 5.

Eksempel:

Antall studenter:

GitHub Gist Link:

Verdien til studentene kan ikke økes utover 50.

Output - Avanserte HTML-formattributter - Edureka

Merk: Attributthandlingen til koden spesifiserer hvor de oppgitte dataene skulle sendes for den videre prosessen. I dette tilfellet er det submit_detail.php som er en PHP-fil.

Antall studenter er detaljene som skal legges inn i tekstboksen.

Maks attributt i den første koden angir den maksimale numeriske verdien som kan legges inn i tekstboksen, som er verdier mer enn 50 som ikke er akseptert, noe som er hovedmotivet for maks attributtet.

Max tag kan også brukes til å definere den maksimale datoen som kan legges inn i inndatafeltet av brukeren.

Eksempel:

Skriv inn fødselsdatoen i ÅÅÅÅ-MM-DD-format: 
Maks DOB: 2000-03-31

GitHub Gist Link:

Vi har brukt 31St.Mars 2000 som maks dato og alternativet er kalender er begrenset til den datoen bare.

I dette inndatafeltet vil ikke brukeren kunne legge inn datoen som er etter den angitte datoen i attributtet maks.

Fortsetter med denne artikkelen om avanserte HTML-formattributter

Maks lengde

Som navnet antyder, spesifiserer denne attributtet den maksimale lengden på tegnene som kan legges inn i et inndatafelt av brukeren. Attributtverdiene er tall.

Eksempel:

Skriv inn brukernavnet ditt:

GitHub Gist Link:

Inndatafeltets grense er 15 tegn, så inngangen er begrenset til 15 tegn.

Denne maxlength-attributtet i taggen vil begrense brukeren til å gi et input som strengt tatt ikke er større enn den angitte verdien som er 15.

Merk Standardverdien for attributtet maxlength er 524288.

Fortsetter med denne artikkelen om avanserte HTML-formattributter

Min

Min-attributtet spesifiserer minimumsverdien for verdien som skal legges inn i inndatafeltet.

Eksempel:

Angi alder:

GitHub Gist Link:

Min.attributtet i inndatakoden definerer at inndatasalderen ikke må være mindre enn 18.

Tips: Du kan bruke både attributt min og maks med en inngang for å gi inngangen et lovlig område eller akseptabelt område.

Eksempel:

Angi alder:

GitHub Gist Link:

Med dette kommer vi til slutten av denne artikkelen om avanserte HTML-formattributter.

Nå kan rekkevidden til inngangen i feltet ikke være mindre enn 18 og større enn 50 samtidig.Attributtene maks og min kan brukes med flere inngangstyper, for eksempel nummer, rekkevidde, dato, datetid, datetid-lokal, måned, tid og uke.

Nå som du vet hva som er HTML, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet i artikkelen, så kommer vi tilbake til deg.