HTML er byggesteinen til nettet. Å kjenne til noen mindre kjente, men nyttige deler av dette markup-språket kan gjøre livet ditt mye enklere. HTML-attributter gir flere funksjoner som kan hjelpe deg å få mest mulig ut av HTML. Den definerer tilleggsegenskaper eller egenskaper til et HTML-element.
I denne artikkelen lærer du om 11 HTML-attributter som du sannsynligvis ikke har hørt om ennå.
1. flere
Dette attributtet lar brukere angi flere verdier. Du kan bruke multiple-attributtet med tagger og tagger. Dette boolske attributtet er kun gyldig for e-post- eller filinndatatyper.
Bruke flere attributter med
Bruke flere attributter for filinndata
Ved å bruke multiple-attributtet for filinndata, kan du velge flere filer (ved å holde Skifte eller Ctrl nøkler).
Bruke flere attributter for e-postinndata
Ved å bruke multiple-attributtet for e-postinndata kan du skrive inn en liste over kommadelte e-postadresser. Alle hvite mellomrom vil bli fjernet fra hver adresse i listen.
2. innholdsredigerbar
Du kan gjøre HTML-innholdet redigerbart på en nettside ved å bruke attributtet contenteditable. Dette er et globalt attributt, det vil si at det er felles for alle HTML-elementer.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. stavekontroll
Stavekontrollattributtet spesifiserer om elementet kan kontrolleres for stavefeil eller ikke. Du kan stavekontrollere tekst i elementer, tekst i de redigerbare elementene eller tekst i inndataelementene (unntatt passord).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud trening
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relatert: The HTML Essentials Cheat Sheet: Tags, Attributes, and Mer
4. last ned
Du kan laste ned en ressurs ved å bruke nedlastingsattributtet. Nedlastingsattributtet forteller nettleseren å laste ned den angitte URL-en i stedet for å navigere til den. Du kan bruke nedlastingsattributtet med -taggen og -taggen.
Merk: Nedlastingsattributtet kun fungerer med URL-er med samme opprinnelse. Den følger reglene i retningslinjene for samme opprinnelse.
Last ned
5. accept
Accept-attributtet til -taggen spesifiserer typen filer en bruker kan laste opp. Du kan angi en kommadelt liste over én eller flere filtyper som verdi.
Godta en lydfil
Godta en videofil
kode>Godta en bildefil
kode>Godta en Microsoft Word-fil
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Godta PNG- eller JPEG-filer
Godta en PDF-fil
Relatert: Kul HTML-effekter alle kan legge til på nettsidene sine
6. translate
Translate-attributtet forteller nettleseren at elementet skal oversettes eller ikke når siden er lokalisert. Den kan ha 2 verdier: "yes" eller "no".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud trening
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relatert: Enkle HTML-kodeeksempler du kan lære på 10 Referat
7. poster
Poster-attributtet brukes til å vise et bilde mens videoen lastes ned eller til brukeren spiller av video.
Merk: Hvis du ikke spesifiserer noe, vises ingenting før det første bildet er tilgjengelig. Når den første rammen er tilgjengelig, vises den som plakatrammen.
poster="posterImage.png">
8. inputmode
Inputmode-attributtet indikerer nettleseren hvilket tastatur som skal vises når en bruker har valgt et input- eller tekstområdeelement. Dette attributtet godtar ulike verdier:
Ingen
Numerisk
Tlf
Desimal
E-post
URL
Søk
9. mønster
Mønsterattributtet til -elementet lar deg spesifisere et regulært uttrykk som elementets verdi skal valideres mot. Du kan bruke mønsterattributtet med flere inndatatyper som tekst, dato, søk, URL, tlf, e-post og passord.
Relatert: Beste nettsteder for Eksempler på HTML-koding av kvalitet
10. autofullfør
Autofullfør-attributtet spesifiserer om nettleseren automatisk skal fullføre inndata basert på brukerinndata eller ikke. Du kan bruke autofullfør-attributtet med flere inndatatyper som tekst, søk, URL, tlf, e-post, passord, datovelgere, område og farge. Du kan bruke dette attributtet med -elementene eller elementer.
11. autofokus
Autofokusattributtet er et boolsk attributt som indikerer at et element skal fokuseres på sideinnlasting. Du kan bruke dette attributtet med , ,
Bruke autofokusattributt med inputelement
< /code>Bruke autofokusattributt med valgt element
Bruke autofokusattributt med tekstområdeelement
Hvis du vil ta en titt på den fullstendige kildekoden som brukes i denne artikkelen, sjekk ut GitHub-depot.
Gjør livet ditt enklere med JavaScript One-Liner
One-liner-kode bidrar til å oppnå mer med mindre kode. Du kan bruke flere JavaScript one-liners for å kode som en proff.
Med bare én kodelinje kan du blande en array, finne gjennomsnittet av en array, sjekke om en array er tom, generere en tilfeldig hex-farge, generere en tilfeldig UUID, og så videre.
11 JavaScript One-Liner du bør kjenne tilOppnå mye med bare litt kode ved å bruke dette brede utvalget av JavaScript one-liners.
Les Neste
DelekvitringE-post
Relaterte temaer
- Programmering
- HTML
- Programmerings språk
- Kodetips
Om forfatteren
Yuvraj Chandra (78 artikler publisert)Yuvraj er en informatikkstudent ved University of Delhi, India. Han er lidenskapelig opptatt av Full Stack Web Development. Når han ikke skriver, utforsker han dybden av forskjellige teknologier.
Mer fra Yuvraj Chandra
Abonner på vårt nyhetsbrev
Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis e-bøker og eksklusive tilbud!
Klikk her for å abonnere