HTML je stavebným kameňom webu. Znalosť niektorých menej známych, ale užitočných častí tohto značkovacieho jazyka vám môže výrazne uľahčiť život. Atribúty HTML poskytujú niekoľko funkcií, ktoré vám môžu pomôcť vyťažiť z HTML maximum. Definuje ďalšie charakteristiky alebo vlastnosti prvku HTML.
V tomto článku sa dozviete o 11 atribútoch HTML, o ktorých ste pravdepodobne ešte nepočuli.
1. viacnásobný
Tento atribút umožňuje používateľom zadať viacero hodnôt. Atribút multiple môžete použiť s značky a značky. Tento boolovský atribút je platný len pre typy vstupu e-mailu alebo súboru.
Použitie viacerých atribútov s
Použitie viacerých atribútov na zadávanie súborov
Použitím atribútu multiple pre vstup do súboru môžete vybrať viacero súborov (podržaním tlačidla Shift alebo Ctrl kľúče).
Použitie viacerých atribútov na zadávanie e-mailov
Použitím atribútu multiple pre zadávanie e-mailov môžete zadať zoznam e-mailových adries oddelených čiarkami. Všetky biele miesta budú odstránené z každej adresy v zozname.
2. spokojné
Obsah HTML môžete upraviť na webovej stránke pomocou atribútu contenteditable. Toto je globálny atribút, t.j. je spoločný pre všetky 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čenie
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. Kontrola pravopisu
Atribút kontroly pravopisu určuje, či sa v prvku môžu kontrolovať pravopisné chyby alebo nie. Môžete skontrolovať pravopis textu v prvky, text v upraviteľných prvkoch alebo text vo vstupných prvkoch (okrem hesiel).
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čenie
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Súvisiace: Essentials HTML Cheat Sheet: Tagy, Atribúty a Viac
4. download
Zdroj si môžete stiahnuť pomocou atribútu download. Atribút download hovorí prehliadaču, aby stiahol zadanú adresu URL namiesto toho, aby na ňu prešiel. Atribút sťahovania môžete použiť so značkami a .
Poznámka: Atribút sťahovania iba funguje s adresami URL rovnakého pôvodu. Dodržiava pravidlá pravidiel rovnakého pôvodu.
Prevziať
5. accept
Atribút accept značky určuje typ súborov, ktoré môže používateľ nahrať. Ako hodnotu môžete zadať zoznam jedného alebo viacerých typov súborov oddelených čiarkami.
Prijatie zvukového súboru
Prijatie súboru videa
kód>
Prijatie súboru obrázka
kód>
Prijatie súboru programu Microsoft Word
accept=".doc,.docx, aplikácia/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">
Prijímanie súborov PNG alebo JPEG
Prijatie súboru PDF
Súvisiace: Skvelé efekty HTML, ktoré môže ktokoľvek pridať na svoje webové stránky
6. translate
Atribút translate hovorí prehliadaču, či by mal byť prvok preložený alebo nie, keď je stránka lokalizovaná. Môže mať 2 hodnoty: „áno“ alebo „nie“.
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čenie
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Súvisiace: Jednoduché príklady HTML kódu, ktoré sa môžete naučiť v 10 Minúty
7. plagát
Atribút plagát sa používa na zobrazenie obrázka počas sťahovania videa alebo kým používateľ neprehrá video.
Poznámka: Ak nič nešpecifikujete, nič sa nezobrazí, kým nebude prvá snímka k dispozícii. Keď je k dispozícii prvá snímka, zobrazí sa ako snímka plagátu.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Atribút inputmode označuje prehliadaču, ktorá klávesnica sa má zobraziť, keď používateľ vyberie akýkoľvek prvok vstupu alebo textovej oblasti. Tento atribút prijíma rôzne hodnoty:
Žiadne
Číselné
Tel
Desatinné
URL
Hľadať
9. pattern
Atribút vzor prvku vám umožňuje určiť regulárny výraz, pre ktorý bude hodnota prvku overená. Atribút vzor môžete použiť s niekoľkými typmi vstupu, ako je text, dátum, vyhľadávanie, adresa URL, tel, e-mail a heslo.
Súvisiace: Najlepšie stránky pre Príklady kvalitného kódovania HTML
10. autocomplete
Atribút autocomplete určuje, či má prehliadač automaticky dokončiť vstup na základe vstupov používateľa alebo nie. Atribút automatického dopĺňania môžete použiť s niekoľkými typmi vstupu, ako je text, vyhľadávanie, adresa URL, tel. číslo, e-mail, heslo, výber dátumu, rozsah a farba. Tento atribút môžete použiť s prvkami alebo elements.
11. autofocus
Atribút autofocus je booleovský atribút označujúci, že prvok by mal byť zameraný na načítanie stránky. Tento atribút môžete použiť s , ,
Používanie atribútu automatického zaostrovania so vstupným prvkom
< /code>
Používanie atribútu automatického zaostrovania s vybratým prvkom
Používanie atribútu automatického zaostrovania s prvkom textarea
Ak sa chcete pozrieť na úplný zdrojový kód použitý v tomto článku, pozrite sa na Úložisko GitHub.
Uľahčite si život s JavaScript One-Liners
Jednoriadkový kód pomáha dosiahnuť viac s menším množstvom kódu. Na kódovanie ako profesionál môžete použiť niekoľko JavaScriptových jednoriadkov.
Len s jedným riadkom kódu môžete zamiešať pole, nájsť priemer poľa, skontrolovať, či je pole prázdne, vygenerovať náhodnú hexadecimálnu farbu, vygenerovať náhodné UUID atď.
11 JavaScript One-Liners, ktoré by ste mali vedieťDosiahnite veľa s malým množstvom kódu pomocou tejto širokej škály jednoduchých riadkov JavaScriptu.
Prečítajte si ďalej
zdieľamTweetujteEmail
Súvisiace témy
- Programovanie
- HTML
- Programovacie jazyky
- Tipy na kódovanie
O autorovi
Yuvraj Chandra (78 publikovaných článkov)Yuvraj je študentom informatiky na univerzite v Dillí v Indii. Je nadšený pre Full Stack Web Development. Keď práve nepíše, skúma hĺbku rôznych technológií.
Viac od Yuvraj Chandra
prihlásiť sa ku odberu noviniek
Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné e-knihy a exkluzívne ponuky!
Kliknutím sem sa prihlásite na odber