HTML je građevni blok weba. Poznavanje nekih manje poznatih, ali korisnih dijelova ovog označnog jezika može vam uvelike olakšati život. HTML atributi pružaju nekoliko značajki koje vam mogu pomoći da izvučete maksimum iz HTML-a. Definira dodatne karakteristike ili svojstva HTML elementa.
U ovom članku ćete naučiti o 11 HTML atributa za koje vjerojatno još niste čuli.
1. višestruko
Ovaj atribut omogućuje korisnicima unos više vrijednosti. Možete koristiti višestruki atribut sa oznake i oznake. Ovaj booleov atribut vrijedi samo za vrste unosa e-pošte ili datoteke.
Korištenje višestrukih atributa With
Korištenje više atributa za unos datoteke
Koristeći višestruki atribut za unos datoteke, možete odabrati više datoteka (držanjem Shift ili Ctrl ključevi).
Upotreba više atributa za unos e-pošte
Korištenjem višestrukog atributa za unos e-pošte možete unijeti popis adresa e-pošte odvojenih zarezima. Svi prazni razmaci bit će uklonjeni sa svake adrese na popisu.
2. contenteditable
Možete učiniti HTML sadržaj uređivanjem na web stranici pomoću atributa contenteditable. Ovo je globalni atribut, tj. zajednički je svim HTML elementima.
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. Provjera pravopisa
Atribut provjere pravopisa određuje može li se element provjeravati za pravopisne pogreške ili ne. Možete provjeriti pravopis u tekstu elementi, tekst u elementima za uređivanje ili tekst u elementima za unos (osim zaporki).
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.
Povezano: The HTML Essentials Cheat Sheet: oznake, atributi i Više
4. download
Možete preuzeti resurs pomoću atributa download. Atribut preuzimanja govori pregledniku da preuzme navedeni URL umjesto da ide na njega. Atribut preuzimanja možete koristiti s oznakom i oznakom .
Napomena: atribut preuzimanja samo radi s URL-ovima istog porijekla. Slijedi pravila pravila o istom porijeklu.
Preuzmi5. accept
Atribut accept oznake određuje vrstu datoteka koje korisnik može prenijeti. Kao vrijednost možete navesti popis odijeljen zarezima od jedne ili više vrsta datoteka.
Prihvaćanje audiodatoteke
Prihvaćanje videodatoteke
kod>Prihvaćanje slikovne datoteke
kod>Prihvaćanje datoteke Microsoft Word
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Prihvaćanje PNG ili JPEG datoteka
Prihvaćanje PDF datoteke
Povezano: Cool HTML efekti koje svatko može dodati na svoje web stranice
6. translate
Atribut translate govori pregledniku da element treba prevesti ili ne kada je stranica lokalizirana. Može imati 2 vrijednosti: "da" ili "ne".
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.
Povezano: Jednostavni primjeri HTML koda koje možete naučiti u 10 Minute
7. poster
Poster atribut se koristi za prikazivanje slike dok se video preuzima ili dok korisnik ne reproducira video.
Napomena: ako ništa ne navedete, ništa se neće prikazati dok se ne pojavi prvi okvir dostupno. Kada je prvi okvir dostupan, prikazuje se kao okvir postera.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Atribut inputmode označava pregledniku koju tipkovnicu treba prikazati kada korisnik odabere bilo koji element unosa ili tekstualnog područja. Ovaj atribut prihvaća različite vrijednosti:
Ništa
Numerički
Tel
Decimal
E-pošta
URL
Traži
9. uzorak
Atribut uzorka elementa omogućuje vam da navedete regularni izraz za koji će se provjeravati vrijednost elementa. Atribut uzorka možete koristiti s nekoliko vrsta unosa kao što su tekst, datum, pretraživanje, URL, tel, e-pošta i lozinka.
Povezano: Najbolje web-lokacije za Kvalitetni primjeri HTML kodiranja
10. autocomplete
Atribut autocomplete određuje treba li preglednik automatski dovršiti unos na temelju korisničkih unosa ili ne. Atribut samodovršavanja možete koristiti s nekoliko vrsta unosa kao što su tekst, pretraživanje, URL, tel, e-pošta, lozinka, birači datuma, raspon i boja. Ovaj atribut možete koristiti s elementima ili
elementi.11. autofocus
Atribut autofocus je booleov atribut koji pokazuje da element treba biti fokusiran na učitavanje stranice. Ovaj atribut možete koristiti s , ,
Korištenje atributa autofokusa s elementom unosa
< /code>Korištenje atributa automatskog fokusiranja s odabranim elementom
Korištenje atributa automatskog fokusiranja s elementom textarea
Ako želite pogledati kompletan izvorni kod korišten u ovom članku, pogledajte GitHub spremište.
Olakšajte si život uz JavaScript jednolinije
Jednoredni kod pomaže postići više s manje koda. Možete koristiti nekoliko jednostrukih JavaScript koda kao profesionalac.
Sa samo jednom linijom koda možete promiješati niz, pronaći prosjek niza, provjeriti je li niz prazan, generirati slučajnu heksadecimalnu boju, generirati nasumični UUID i tako dalje.
11 JavaScript jednostrukih tekstova koje biste trebali znatiPostignite puno sa samo malo koda koristeći ovaj široki raspon jednostrukih JavaScript tekstova.
Pročitajte dalje
UdioCvrkutE-mail
Povezane teme
- Programiranje
- HTML
- Programski jezici
- Savjeti za kodiranje
O autoru
Yuvraj Chandra (Objavljeno 78 članaka)Yuvraj je student preddiplomskog studija informatike na Sveučilištu u Delhiju, Indija. On je strastven za Full Stack Web Development. Kad ne piše, istražuje dubinu različitih tehnologija.
Više od Yuvraja Chandre
Pretplatite se na naše obavijesti
Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!
Kliknite ovdje za pretplatu
