HTML je gradnik spleta. Poznavanje nekaterih manj znanih, a uporabnih delov tega označevalnega jezika vam lahko precej olajša življenje. Atributi HTML ponujajo več funkcij, ki vam lahko pomagajo, da kar najbolje izkoristite HTML. Opredeljuje dodatne značilnosti ali lastnosti elementa HTML.
V tem članku boste izvedeli o 11 atributih HTML, za katere verjetno še niste slišali.
1. večkraten
Ta atribut uporabnikom omogoča vnos več vrednosti. Atribut več lahko uporabite z oznake in oznake. Ta logični atribut je veljaven samo za vrste vnosa e-pošte ali datoteke.
Uporaba več atributov z
Uporaba več atributov za vnos datoteke
Z uporabo atributa več za vnos datoteke lahko izberete več datotek (z držanjem Shift oz Ctrl ključi).
Uporaba več atributov za vnos e-pošte
Z uporabo atributa več za vnos e-pošte lahko vnesete seznam e-poštnih naslovov, ločenih z vejico. Vsi presledki bodo odstranjeni z vsakega naslova na seznamu.
2. vsebinsko urediti
Vsebino HTML lahko uredite na spletni strani z atributom contenteditable. To je globalni atribut, torej je skupen vsem elementom HTML.
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. Preverjanje črkovanja
Atribut spellcheck določa, ali je element mogoče preveriti za črkovalne napake ali ne. Besedilo lahko preverite v elementi, besedilo v elementih, ki jih je mogoče urejati, ali besedilo v elementih za vnos (razen gesel).
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 in Več
4. download
Vis lahko prenesete z uporabo atributa za prenos. Atribut prenosa pove brskalniku, da prenese določen URL, namesto da se pomakne do njega. Atribut za prenos lahko uporabite z oznako in oznako .
Opomba: atribut za prenos samo deluje z URL-ji z istim izvorom. Sledi pravilom pravilnika istega izvora.
Prenesi
5. accept
Atribut accept oznake določa vrsto datotek, ki jih lahko uporabnik naloži. Kot vrednost lahko podate z vejicami ločen seznam ene ali več vrst datotek.
Sprejemanje zvočne datoteke
Sprejemanje videodatoteke
koda>
Sprejemanje slikovne datoteke
koda>
Sprejemanje datoteke Microsoft Word
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">
Sprejemanje datotek PNG ali JPEG
Sprejemanje datoteke PDF
Sorodno: Kud učinki HTML, ki jih lahko vsakdo doda na svoja spletna mesta
6. translate
Atribut translate pove brskalniku, da je treba element prevesti ali ne, ko je stran lokalizirana. Ima lahko 2 vrednosti: "da" ali "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: Preprosti primeri kode HTML, ki se jih lahko naučite v 10 Minute
7. poster
Atribut poster se uporablja za prikaz slike med prenosom videoposnetka ali dokler uporabnik ne predvaja video.
Opomba: Če ne navedete ničesar, se nič ne prikaže, dokler ni prvi okvir na voljo. Ko je prvi okvir na voljo, je prikazan kot okvir plakata.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Atribut inputmode označuje brskalniku, katero tipkovnico naj prikaže, ko uporabnik izbere kateri koli element vnosa ali besedilnega območja. Ta atribut sprejema različne vrednosti:
Brez
Numeric
Tel
Decimal
E-pošta
URL
Išči
9. vzorec
Atribut vzorca elementa vam omogoča, da podate regularni izraz, za katerega bo vrednost elementa preverjena. Atribut vzorca lahko uporabite z več vrstami vnosa, kot so besedilo, datum, iskanje, URL, tel, e-pošta in geslo.
Povezano: Najboljša spletna mesta za Kakovostni primeri kodiranja HTML
10. autocomplete
Atribut samodokončanja določa, ali naj brskalnik samodejno dokonča vnos na podlagi uporabniških vnosov ali ne. Atribut samodokončanja lahko uporabite z več vrstami vnosa, kot so besedilo, iskanje, URL, tel, e-pošta, geslo, izbirniki datuma, obseg in barva. Ta atribut lahko uporabite z elementi ali elementi.
11. autofocus
Atribut samodejnega ostrenja je logični atribut, ki označuje, da mora biti element osredotočen na nalaganje strani. Ta atribut lahko uporabite z , ,
Uporaba atributa samodejnega ostrenja z vhodnim elementom
< /code>
Uporaba atributa samodejnega ostrenja z izbranim elementom
Uporaba atributa samodejnega ostrenja z elementom textarea
Če si želite ogledati celotno izvorno kodo, uporabljeno v tem članku, si oglejte GitHub repozitorij.
Poenostavite si življenje z enovrstičnimi JavaScripti
Enovrstična koda pomaga doseči več z manj kode. Za kodiranje kot profesionalec lahko uporabite več enovrstic JavaScript.
S samo eno vrstico kode lahko premešate matriko, poiščete povprečje matrike, preverite, ali je niz prazen, ustvarite naključno šestnajstiško barvo, ustvarite naključni UUID itd.
11 enovrstic JavaScript, ki jih morate poznatiDosezite veliko z le malo kode s tem širokim naborom enovrstic JavaScript.
Preberite Naprej
DelitiTweetE-naslov
Povezane teme
- Programiranje
- HTML
- Programski jeziki
- Nasveti za kodiranje
O avtorju
Yuvraj Chandra (78 objavljenih člankov)Yuvraj je dodiplomski študent računalništva na Univerzi v Delhiju v Indiji. Navdušen je nad spletnim razvojem Full Stack. Ko ne piše, raziskuje globino različnih tehnologij.
Več od Yuvraj Chandra
Naročite se na naše novice
Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e-knjige in ekskluzivne ponudbe!
Kliknite tukaj, da se naročite