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.

instagram viewer

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é

E-mail

URL

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 , , , , alebo prvky.

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