HTML er nettets byggesten. At kende nogle mindre kendte, men nyttige dele af dette markup-sprog kan gøre dit liv meget lettere. HTML-attributter giver flere funktioner, der kan hjælpe dig med at få mest muligt ud af HTML. Det definerer yderligere karakteristika eller egenskaber for et HTML-element.
I denne artikel lærer du om 11 HTML-attributter, som du sandsynligvis ikke har hørt om endnu.
1. mange
Denne attribut giver brugerne mulighed for at indtaste flere værdier. Du kan bruge multiple-attributten med tags og tags. Denne booleske attribut er kun gyldig for e-mail- eller filinputtyper.
Brug af flere attributter med
Brug af flere attributter til filinput
Ved at bruge multiple-attributten til filinput kan du vælge flere filer (ved at holde Flytte eller Ctrl nøgler).
Brug af flere attributter til e-mail-input
Ved at bruge multiple-attributten til e-mail-input kan du indtaste en liste over kommaseparerede e-mailadresser. Alle de hvide mellemrum vil blive fjernet fra hver adresse på listen.
2. indholdsredigerbar
Du kan gøre HTML-indholdet redigerbart på en webside ved hjælp af attributten contenteditable. Dette er en global attribut, dvs. den er fælles for alle HTML-elementer.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ud enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. stavekontrol
Stavekontrol-attributten angiver, om elementet må kontrolleres for stavefejl eller ej. Du kan stavekontrollere tekst i elementer, tekst i de redigerbare elementer eller tekst i inputelementerne (undtagen adgangskoder).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ud enim ad minim veniam, quis nostrud øvelse
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relateret: The HTML Essentials Cheat Sheet: Tags, Attributes, and Mere
4. download
Du kan downloade en ressource ved hjælp af download-attributten. Download-attributten fortæller browseren at downloade den angivne URL i stedet for at navigere til den. Du kan bruge download-attributten med -tagget og -tagget.
Bemærk: Download-attributten kun fungerer med URL'er med samme oprindelse. Det følger reglerne i politikken for samme oprindelse.
Download
5. accept
Accept-attributten for -tagget angiver typen af filer, en bruger kan uploade. Du kan angive en kommasepareret liste over en eller flere filtyper som værdi.
Accept af en lydfil
Accept af en videofil
kode>
Accept af en billedfil
kode>
Accept af en Microsoft Word-fil
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">
Accept af PNG- eller JPEG-filer
Accept af en PDF-fil
Relateret: Seje HTML-effekter, som alle kan føje til deres websteder
6. translate
Translate-attributten fortæller browseren, at elementet skal oversættes eller ej, når siden er lokaliseret. Det kan have 2 værdier: "yes" eller "no".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ud enim ad minim veniam, quis nostrud øvelse
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relateret: Simple HTML-kodeeksempler, du kan lære på 10 Referat
7. plakat
Poster-attributten bruges til at vise et billede, mens videoen downloades, eller indtil brugeren afspiller video.
Bemærk: Hvis du ikke angiver noget, vises intet, før det første billede er ledig. Når den første ramme er tilgængelig, vises den som plakatrammen.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Inputmode-attributten angiver browseren, hvilket tastatur der skal vises, når en bruger har valgt et input- eller tekstområdeelement. Denne attribut accepterer forskellige værdier:
Ingen
Numerisk
Tlf.
Decimal
URL
Søg
9. mønster
mønsterattributten for -elementet giver dig mulighed for at angive et regulært udtryk, som elementets værdi vil blive valideret mod. Du kan bruge mønsterattributten med flere inputtyper såsom tekst, dato, søgning, URL, tlf., e-mail og adgangskode.
Relateret: Bedste websteder til Eksempler på kvalitets HTML-kodning
10. autocomplete
Autocomplete-attributten angiver, om browseren automatisk skal fuldføre input baseret på brugerinput eller ej. Du kan bruge attributten autofuldførelse med flere inputtyper som tekst, søgning, URL, tlf., e-mail, adgangskode, datovælgere, interval og farve. Du kan bruge denne attribut med -elementerne eller elementer.
11. autofokus
Autofokus-attributten er en boolesk attribut, der indikerer, at et element skal fokuseres på sideindlæsning. Du kan bruge denne attribut med , ,
Brug af autofokusattribut med inputelement
< /code>
Brug af autofokus-attribut med udvalgt element
Brug af autofokus-attribut med textarea-element
Hvis du vil have et kig på den komplette kildekode, der bruges i denne artikel, så tjek den GitHub-depot.
Gør dit liv lettere med JavaScript One-Liners
One-liner-kode hjælper med at opnå mere med mindre kode. Du kan bruge flere JavaScript one-liners til at kode som en professionel.
Med kun én linje kode kan du blande et array, finde gennemsnittet af et array, kontrollere om et array er tomt, generere en tilfældig hex-farve, generere en tilfældig UUID og så videre.
11 JavaScript One-Liner du bør kendeOpnå meget med kun lidt kode ved at bruge dette brede udvalg af JavaScript one-liners.
Læs Næste
DelTweetE-mail
Relaterede emner
- Programmering
- HTML
- Programmeringssprog
- Kodningstip
Om forfatteren
Yuvraj Chandra (78 artikler udgivet)Yuvraj er en bachelorstuderende i datalogi ved University of Delhi, Indien. Han er passioneret omkring Full Stack Web Development. Når han ikke skriver, udforsker han dybden af forskellige teknologier.
Mere fra Yuvraj Chandra
Abonner på vores nyhedsbrev
Tilmeld dig vores nyhedsbrev for tekniske tips, anmeldelser, gratis e-bøger og eksklusive tilbud!
Klik her for at abonnere