A HTML a web építőköve. A jelölőnyelv néhány kevésbé ismert, de hasznos részének ismerete nagyban megkönnyítheti az életét. A HTML attribútumok számos olyan funkciót biztosítanak, amelyek segítségével a legtöbbet hozhatja ki a HTML-ből. Egy HTML-elem további jellemzőit vagy tulajdonságait határozza meg.
Ebből a cikkből 11 HTML-attribútumot ismerhet meg, amelyekről valószínűleg még nem hallott.
1. többszörös
Ez az attribútum lehetővé teszi a felhasználók számára, hogy több értéket adjanak meg. Használhatja a többszörös attribútumot címkék és címkéket. Ez a logikai attribútum csak e-mail- vagy fájlbeviteli típusokra érvényes.
Több attribútum használata együtt
Több attribútum használata fájlbevitelhez
A többszörös attribútum használatával a fájlbevitelhez több fájlt is kiválaszthat (a Váltás vagy Ctrl kulcsok).
Több attribútum használata e-mail bevitelhez
Ha a többszörös attribútumot használja az e-mailek beviteléhez, megadhatja a vesszővel elválasztott e-mail címek listáját. A listában szereplő összes címről az összes szóköz el lesz távolítva.
2. tartalmas
A contenteditable attribútummal szerkeszthetővé teheti a HTML-tartalmat egy weboldalon. Ez egy globális attribútum, azaz minden HTML-elemben közös.
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 edzés
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. helyesírás-ellenőrzés
A helyesírás-ellenőrzés attribútum határozza meg, hogy az elem ellenőrizhető-e helyesírási hibák szempontjából vagy sem. A szöveg helyesírását ellenőrizheti a elemeket, szöveget a szerkeszthető elemekben, vagy szöveget a beviteli elemekben (kivéve a jelszavakat).
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 edzés
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Kapcsolódó: A HTML Essentials csalólap: címkék, attribútumok és Továbbiak
4. letöltés
Az erőforrást a download attribútum használatával töltheti le. A download attribútum arra utasítja a böngészőt, hogy ahelyett, hogy oda navigálna, töltse le a megadott URL-t. A download attribútumot és címkével használhatja.
Megjegyzés: A letöltési attribútum csak azonos eredetű URL-ekkel működik. Követi az azonos származási irányelv szabályait.
Letöltés
5. accept
Az címke accept attribútuma határozza meg, hogy a felhasználó milyen típusú fájlokat tölthet fel. Értékeként megadhat egy vagy több fájltípus vesszővel elválasztott listáját.
Hangfájl elfogadása
Videofájl elfogadása
kód>Képfájl elfogadása
kód>Microsoft Word-fájl elfogadása
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">PNG vagy JPEG fájlok elfogadása
PDF-fájl elfogadása
Kapcsolódó: Kiváló HTML-effektusok, amelyeket bárki hozzáadhat webhelyéhez
6. translate
A fordítási attribútum közli a böngészővel, hogy az oldal lokalizálásakor le kell-e fordítani az elemet vagy sem. Két értéke lehet: "yes" vagy "no".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incidunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud edzés
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Kapcsolódó: Egyszerű HTML kód példák, amelyeket 10 alatt tanulhat meg Jegyzőkönyv
7. poszter
A poszter attribútum egy kép megjelenítésére szolgál a videó letöltése közben, vagy amíg a felhasználó le nem játszik videót.
Megjegyzés: Ha nem ad meg semmit, semmi sem jelenik meg az első képkocka megjelenéséig elérhető. Ha az első képkocka elérhető, akkor poszterkeretként jelenik meg.
poster="posterImage.png">
8. inputmode
Az inputmode attribútum azt jelzi, hogy a böngésző melyik billentyűzetet jelenítse meg, ha a felhasználó kiválasztott egy beviteli vagy szövegterületi elemet. Ez az attribútum különböző értékeket fogad el:
Nincs
Numerikus
Tel
tizedes
URL
Keresés
9. minta
Az elem minta attribútuma lehetővé teszi egy reguláris kifejezés megadását, amelyre vonatkozóan az elem értéke érvényesítésre kerül. A minta attribútumot többféle beviteli típussal használhatja, mint például szöveg, dátum, keresés, URL, telefonszám, e-mail és jelszó.
Kapcsolódó: A legjobb webhelyek Minőségi HTML kódolási példák
10. autocomplete
Az automatikus kiegészítés attribútum határozza meg, hogy a böngészőnek automatikusan be kell-e fejeznie a bevitelt a felhasználói bevitelek alapján vagy sem. Az automatikus kiegészítés attribútumot többféle beviteli típussal használhatja, mint például szöveg, keresés, URL, telefonszám, e-mail, jelszó, dátumválasztó, tartomány és szín. Ezt az attribútumot az vagy a elemek.
11. autofocus
Az autofókusz attribútum egy logikai attribútum, amely azt jelzi, hogy egy elemnek az oldalbetöltésre kell összpontosítania. Ezt az attribútumot a , ,
Autofókusz attribútum használata bemeneti elemmel
< /code>Autofókusz attribútum használata a kiválasztott elemmel
Autofókusz attribútum használata textarea elemmel
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 edzés
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Ha meg szeretné tekinteni a cikkben használt teljes forráskódot, nézze meg a GitHub adattár.
Tegye könnyebbé életét a JavaScript One-Linerekkel
Az egysoros kód segít kevesebb kóddal többet elérni. Használhat több JavaScript egysoros kódolást, mint egy profi.
Egyetlen kódsorral megkeverhet egy tömböt, megkeresheti egy tömb átlagát, ellenőrizheti, hogy egy tömb üres-e, véletlenszerű hexadecimális színt generálhat, véletlenszerű UUID-t generálhat stb.
11 JavaScript egysoros, amit tudnia kellSokat érhet el egy kis kóddal a JavaScript egysorosok széles skálájával.
Olvassa el a következőt
RészvényCsipogEmail
Kapcsolódó témák
- Programozás
- HTML
- Programozási nyelvek
- Kódolási tippek
A szerzőről
Yuvraj Chandra (78 cikk megjelent)Yuvraj az indiai Delhi Egyetem számítástechnikai egyetemi hallgatója. Szenvedélyesen rajong a Full Stack webfejlesztésért. Amikor nem ír, a különböző technológiák mélységeit kutatja.
Továbbiak Yuvraj Chandra-tól
Iratkozzon fel hírlevelünkre
Csatlakozzon hírlevelünkhöz műszaki tippekért, ismertetőkért, ingyenes e-könyvekért és exkluzív ajánlatokért!
Kattintson ide az előfizetéshez