HTML je stavebním kamenem webu. Znalost některých méně známých, ale užitečných částí tohoto značkovacího jazyka vám může hodně usnadnit život. Atributy HTML poskytují několik funkcí, které vám mohou pomoci vytěžit z HTML maximum. Definuje další charakteristiky nebo vlastnosti prvku HTML.
V tomto článku se dozvíte o 11 atributech HTML, o kterých jste pravděpodobně ještě neslyšeli.
1. násobek
Tento atribut umožňuje uživatelům zadat více hodnot. Můžete použít atribut multiple s značky a značky. Tento booleovský atribut je platný pouze pro typy vstupu e-mailu nebo souboru.
Použití více atributů With
Použití více atributů pro zadávání souborů
Pomocí atributu multiple pro zadávání souborů můžete vybrat více souborů (podržením tlačítka Posun nebo Ctrl klíče).
Použití více atributů pro zadávání e-mailů
Pomocí atributu multiple pro zadávání e-mailů můžete zadat seznam e-mailových adres oddělených čárkami. Z každé adresy v seznamu budou odstraněna všechna bílá místa.
2. upravitelné
Obsah HTML můžete upravit na webové stránce pomocí atributu contenteditable. Toto je globální atribut, tj. je společný pro všechny prvky 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 cvičení
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. Kontrola pravopisu
Atribut kontroly pravopisu určuje, zda lze v prvku kontrolovat pravopisné chyby či nikoli. Můžete zkontrolovat pravopis textu v prvky, text v upravitelných prvcích nebo text ve vstupních prvcích (kromě hesel).
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 cvičení
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Související: Cheat Sheet Essentials HTML: Tagy, atributy a Více
4. download
Zdroj můžete stáhnout pomocí atributu download. Atribut download říká prohlížeči, aby si stáhl zadanou adresu URL, místo aby na ni přecházel. Atribut stahování můžete použít se značkami a .
Poznámka: Atribut stahování pouze pracuje s adresami URL stejného původu. Dodržuje pravidla zásady stejného původu.
Stáhnout5. accept
Atribut accept tagu určuje typ souborů, které může uživatel nahrát. Jako hodnotu můžete zadat seznam jednoho nebo více typů souborů oddělený čárkami.
Přijetí zvukového souboru
Přijetí souboru videa
kód>Přijetí souboru obrázku
kód>Přijetí souboru aplikace Microsoft Word
accept=".doc,.docx, aplikace/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Přijímání souborů PNG nebo JPEG
Přijetí souboru PDF
Související: Super HTML efekty, které může kdokoli přidat na své webové stránky
6. translate
Atribut translate říká prohlížeči, že prvek by měl být přeložen, nebo ne, když je stránka lokalizována. Může mít 2 hodnoty: "yes" nebo "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 cvičení
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Související: Jednoduché příklady HTML kódu, které se můžete naučit v 10 Minuty
7. poster
Atribut plakát se používá k zobrazení obrázku během stahování videa nebo dokud uživatel nepřehraje video.
Poznámka: Pokud nic neurčíte, nic se nezobrazí, dokud nebude první snímek dostupný. Když je k dispozici první snímek, zobrazí se jako snímek plakátu.
poster="posterImage.png">
8. inputmode
Atribut inputmode udává prohlížeči, která klávesnice se má zobrazit, když uživatel vybere jakýkoli prvek vstupu nebo textové oblasti. Tento atribut přijímá různé hodnoty:
Žádné
Číselné
Tel
Desetinné
URL
Hledat
9. pattern
Atribut pattern prvku umožňuje zadat regulární výraz, pro který bude hodnota prvku ověřena. Atribut vzor můžete použít s několika typy vstupu, jako je text, datum, vyhledávání, adresa URL, tel, e-mail a heslo.
Související: Nejlepší stránky pro Příklady kvalitního kódování HTML
10. autocomplete
Atribut autocomplete určuje, zda má prohlížeč automaticky dokončit vstup na základě uživatelských vstupů nebo ne. Atribut automatického doplňování můžete použít s několika typy vstupu, jako je text, vyhledávání, adresa URL, tel, e-mail, heslo, výběr data, rozsah a barva. Tento atribut můžete použít s prvky nebo elements.
11. autofocus
Atribut autofocus je booleovský atribut označující, že prvek by měl být zaměřen na načítání stránky. Tento atribut můžete použít s , ,
Použití atributu autofocus se vstupním prvkem
< /code>Použití atributu autofocus s vybraným prvkem
Použití atributu autofocus s prvkem textarea
Pokud se chcete podívat na úplný zdrojový kód použitý v tomto článku, podívejte se na úložiště GitHub.
Usnadněte si život s JavaScript One-Liners
Jednořádkový kód pomáhá dosáhnout více s menším množstvím kódu. Pro kódování jako profesionál můžete použít několik JavaScriptových jednolinkových modulů.
Pomocí jediného řádku kódu můžete zamíchat pole, najít průměr pole, zkontrolovat, zda je pole prázdné, vygenerovat náhodnou hexadecimální barvu, vygenerovat náhodné UUID a tak dále.
11 JavaScript One-Liners, které byste měli vědětDosáhněte toho hodně s malým množstvím kódu pomocí této široké řady jednořádkových JavaScriptů.
Přečtěte si další
PodíltweetE-mailem
Související témata
- Programování
- HTML
- Programovací jazyky
- Tipy pro kódování
O autorovi
Yuvraj Chandra (78 zveřejněných článků)Yuvraj je vysokoškolským studentem informatiky na univerzitě v Dillí v Indii. Je nadšený pro Full Stack Web Development. Když nepíše, zkoumá hloubku různých technologií.
Více od Yuvraj Chandra
Přihlaste se k odběru našeho newsletteru
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné e-knihy a exkluzivní nabídky!
Chcete-li se přihlásit k odběru, klikněte sem
