HTML este elementul de bază al web-ului. Cunoașterea unor părți mai puțin cunoscute, dar utile ale acestui limbaj de marcare vă poate face viața mult mai ușoară. Atributele HTML oferă mai multe caracteristici care vă pot ajuta să profitați la maximum de HTML. Definește caracteristici sau proprietăți suplimentare ale unui element HTML.
În acest articol, veți afla despre 11 atribute HTML de care probabil nu ați auzit încă.
1. multiplu
Acest atribut permite utilizatorilor să introducă mai multe valori. Puteți utiliza atributul multiplu cu etichete și Etichete. Acest atribut boolean este valabil numai pentru tipurile de e-mail sau de introducere a fișierelor.
Utilizarea mai multor atribute cu
Utilizarea mai multor atribute pentru introducerea fișierului
Folosind atributul multiplu pentru introducerea fișierelor, puteți selecta mai multe fișiere (ținând apăsat butonul Schimb sau Ctrl chei).
Utilizarea mai multor atribute pentru introducerea e-mailului
Folosind atributul multiplu pentru introducerea e-mailului, puteți introduce o listă de adrese de e-mail separate prin virgulă. Toate spațiile albe vor fi eliminate din fiecare adresă din listă.
2. contenteditabil
Puteți face conținutul HTML editabil pe o pagină web folosind atributul contenteditable. Acesta este un atribut global, adică este comun tuturor elementelor 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. verificare a ortografiei
Atributul de verificare ortografică specifică dacă elementul poate fi verificat pentru erori de ortografie sau nu. Puteți verifica ortografic textul în , text din elementele editabile sau text din elementele de intrare (cu excepția parolelor).
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.
Legate: Foaia de trucuri HTML Essentials: etichete, atribute și Mai multe
4. descărcare
Puteți descărca o resursă folosind atributul de descărcare. Atributul de descărcare îi spune browserului să descarce adresa URL specificată în loc să navigheze la aceasta. Puteți utiliza atributul de descărcare cu eticheta și eticheta .
Notă: atributul de descărcare numai funcționează cu adrese URL de aceeași origine. Respectă regulile politicii de aceeași origine.
Descărcați5. accept
Atributul accept al etichetei specifică tipul de fișiere pe care un utilizator le poate încărca. Puteți specifica o listă separată prin virgulă cu unul sau mai multe tipuri de fișiere ca valoare.
Acceptarea unui fișier audio
Acceptarea unui fișier video
code>Acceptarea unui fișier imagine
code>Acceptarea unui fișier Microsoft Word
accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Acceptarea fișierelor PNG sau JPEG
Acceptarea unui fișier PDF
Legate: Efecte HTML interesante pe care oricine le poate adăuga pe site-urile lor
6. translate
Atributul translate îi spune browserului că elementul trebuie tradus sau nu atunci când pagina este localizată. Poate avea 2 valori: „da” sau „nu”.
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.
Legate: Exemple simple de cod HTML pe care le puteți învăța în 10 Proces-verbal
7. poster
Atributul poster este folosit pentru a afișa o imagine în timp ce videoclipul se descarcă sau până când utilizatorul redă video.
Notă: dacă nu specificați nimic, nu se afișează nimic până când primul cadru este disponibil. Când primul cadru este disponibil, acesta este afișat ca cadru poster.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Atributul inputmode indică browser-ul ce tastatură va afișa atunci când un utilizator a selectat orice element de intrare sau textzonă. Acest atribut acceptă diferite valori:
Niciuna
Numeric
Tel
Decimal
Adresa URL
Căutare
9. model
Atributul model al elementului vă permite să specificați o expresie regulată pentru care valoarea elementului va fi validată. Puteți utiliza atributul model cu mai multe tipuri de introducere, cum ar fi text, dată, căutare, URL, telefon, e-mail și parolă.
Legate: Cele mai bune site-uri pentru Exemple de codare HTML de calitate
10. autocomplete
Atributul de autocompletare specifică dacă browserul ar trebui să completeze automat introducerea pe baza intrărilor utilizatorului sau nu. Puteți utiliza atributul de completare automată cu mai multe tipuri de introducere, cum ar fi text, căutare, URL, tel, e-mail, parolă, selecționare de date, interval și culoare. Puteți utiliza acest atribut cu elementele sau elemente.
11. autofocus
Atributul autofocus este un atribut boolean care indică faptul că un element ar trebui să se concentreze pe încărcarea paginii. Puteți utiliza acest atribut cu , ,
Utilizarea atributului de focalizare automată cu element de intrare
< /code>Utilizarea atributului de focalizare automată cu elementul selectat
Utilizarea atributului autofocus cu element textarea
Dacă doriți să aruncați o privire la codul sursă complet folosit în acest articol, consultați Depozitul GitHub.
Ușurează-ți viața cu JavaScript One-Liners
Codul cu o singură linie ajută la obținerea mai multor cu mai puțin cod. Puteți folosi mai multe versiuni JavaScript pentru a codifica ca un profesionist.
Cu o singură linie de cod, puteți să amestecați o matrice, să găsiți media unei matrice, să verificați dacă o matrice este goală, să generați o culoare hexadecimal aleatorie, să generați un UUID aleatoriu și așa mai departe.
11 JavaScript One-Liners pe care ar trebui să le cunoaștețiObțineți multe cu doar un mic cod folosind această gamă largă de versiuni JavaScript.
Citiți în continuare
AcțiuneTweetE-mail
Subiecte asemănătoare
- Programare
- HTML
- Limbaje de programare
- Sfaturi de codare
Despre autor
Yuvraj Chandra (78 articole publicate)Yuvraj este un student de licență în informatică la Universitatea din Delhi, India. Este pasionat de Full Stack Web Development. Când nu scrie, explorează profunzimea diferitelor tehnologii.
Mai multe de la Yuvraj Chandra
Aboneaza-te la newsletter-ul nostru
Alăturați-vă buletinului nostru informativ pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Click aici pentru a te abona
