HTML är webbens byggsten. Att känna till några mindre kända men användbara delar av detta märkningsspråk kan göra ditt liv mycket enklare. HTML-attribut tillhandahåller flera funktioner som kan hjälpa dig att få ut det mesta av HTML. Den definierar ytterligare egenskaper eller egenskaper för ett HTML-element.
I den här artikeln kommer du att lära dig om 11 HTML-attribut som du förmodligen inte har hört talas om ännu.
1. flera olika
Detta attribut tillåter användare att ange flera värden. Du kan använda multipla-attributet med taggar och taggar. Detta booleska attribut är endast giltigt för e-post- eller filinmatningstyper.
Använda flera attribut med
Använder flera attribut för filinmatning
Genom att använda multipelattributet för filinmatning kan du välja flera filer (genom att hålla ned Flytta eller Ctrl nycklar).
Använder flera attribut för e-postinmatning
Genom att använda multipla-attributet för e-postinmatning kan du ange en lista med kommaseparerade e-postadresser. Alla vita utrymmen kommer att tas bort från varje adress i listan.
2. nöjd redigerbar
Du kan göra HTML-innehållet redigerbart på en webbsida med attributet contenteditable. Detta är ett globalt attribut, dvs det är gemensamt för alla HTML-element.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed gör 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. stavnings kontroll
Stavningskontrollattributet anger om elementet får kontrolleras för stavfel eller inte. Du kan stavningskontrollera text i element, text i de redigerbara elementen eller text i inmatningselementen (förutom lösenord).
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 träning
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relaterat: The HTML Essentials Cheat Sheet: Tags, Attributes, and Mer
4. ladda ner
Du kan ladda ner en resurs med hjälp av nedladdningsattributet. Nedladdningsattributet talar om för webbläsaren att ladda ner den angivna URL: en istället för att navigera till den. Du kan använda nedladdningsattributet med taggen och taggen .
Obs: Nedladdningsattributet endast fungerar med webbadresser med samma ursprung. Den följer reglerna i same-origin policy.
Ladda ner
5. accept
Accept-attributet för taggen anger vilken typ av filer en användare kan ladda upp. Du kan ange en kommaseparerad lista med en eller flera filtyper som dess värde.
Acceptera en ljudfil
Acceptera en videofil
kod>Acceptera en bildfil
kod>Acceptera en Microsoft Word-fil
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Acceptera PNG- eller JPEG-filer
Acceptera en PDF-fil
Relaterat: Cool HTML-effekter som alla kan lägga till på sina webbplatser
6. translate
Translate-attributet talar om för webbläsaren att elementet ska översättas eller inte när sidan är lokaliserad. Den kan ha två värden: "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 träning
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Relaterat: Enkla HTML-kodexempel du kan lära dig på 10 Protokoll
7. poster
Affischattributet används för att visa en bild medan videon laddas ner eller tills användaren spelar upp video.
Obs: Om du inte anger något visas ingenting förrän den första bildrutan är tillgängligt. När den första ramen är tillgänglig visas den som affischramen.
poster="posterImage.png">
8. inputmode
Inputmode-attributet indikerar webbläsaren vilket tangentbord som ska visas när en användare har valt något inmatnings- eller textområdeselement. Det här attributet accepterar olika värden:
Ingen
Numerisk
Tel
Decimal
E-post
URL
Sök
9. mönster
Mönsterattributet för elementet låter dig ange ett reguljärt uttryck för vilket elementets värde ska valideras mot. Du kan använda mönsterattributet med flera inmatningstyper som text, datum, sökning, URL, tel, e-post och lösenord.
Relaterat: Bästa webbplatser för Exempel på HTML-kodning av kvalitet
10. autocomplete
Autocomplete-attributet anger om webbläsaren automatiskt ska slutföra inmatningen baserat på användarinmatningar eller inte. Du kan använda attributet autoslutförande med flera inmatningstyper som text, sökning, URL, tel, e-post, lösenord, datumväljare, intervall och färg. Du kan använda det här attributet med -elementen eller element.
11. autofokus
Autofokusattributet är ett booleskt attribut som indikerar att ett element ska fokuseras på sidladdning. Du kan använda det här attributet med , ,
Använda autofokusattribut med indataelement
< /code>Använda autofokusattribut med valt element
Använda autofokusattribut med textarea Element
Om du vill ta en titt på den fullständiga källkoden som används i den här artikeln, kolla in GitHub-förråd.
Gör ditt liv enklare med JavaScript One-Liners
One-liner-kod hjälper till att uppnå mer med mindre kod. Du kan använda flera JavaScript-one-liners för att koda som ett proffs.
Med bara en kodrad kan du blanda en array, hitta medelvärdet av en array, kontrollera om en array är tom, generera en slumpmässig hexadecimal färg, generera ett slumpmässigt UUID och så vidare.
11 JavaScript One-liners du bör känna tillUppnå mycket med bara lite kod genom att använda detta breda utbud av JavaScript-one-liners.
Läs Nästa
Dela med sigTweetE-post
Relaterade ämnen
- Programmering
- HTML
- Programmeringsspråk
- Kodningstips
Om författaren
Yuvraj Chandra (78 artiklar publicerade)Yuvraj är en datavetenskapsstudent vid University of Delhi, Indien. Han brinner för Full Stack Web Development. När han inte skriver undersöker han djupet i olika teknologier.
Mer från Yuvraj Chandra
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera