HTML on veebi ehitusplokk. Selle märgistuskeele mõne vähemtuntud, kuid kasuliku osa tundmine võib teie elu palju lihtsamaks muuta. HTML-i atribuudid pakuvad mitmeid funktsioone, mis aitavad teil HTML-ist maksimumi võtta. See määratleb HTML-elemendi täiendavad omadused või omadused.

Sellest artiklist saate teada 11 HTML-i atribuudi kohta, millest te ilmselt veel kuulnud pole.

1. mitmekordne

See atribuut võimaldab kasutajatel sisestada mitu väärtust. Saate kasutada atribuuti mitu koos sildid ja sildid. See tõeväärtuslik atribuut kehtib ainult meili- või failisisestustüüpide jaoks.

Mitme atribuudi kasutamine koos


Mitme atribuudi kasutamine failisisestuse jaoks

Kui kasutate faili sisestamiseks atribuuti mitu, saate valida mitu faili (hoides all klahvi Shift või Ctrl võtmed).

Mitme atribuudi kasutamine meili sisestamiseks

Kui kasutate e-posti sisestamiseks atribuuti mitu, saate sisestada komadega eraldatud e-posti aadresside loendi. Kõigilt loendi aadressidelt eemaldatakse kõik tühikud.

instagram viewer

2. rahulolev

Saate muuta HTML-i sisu veebilehel redigeeritavaks, kasutades atribuuti contenteditable. See on globaalne atribuut, st see on ühine kõigile HTML-i elementidele.


Lorem ipsum dolor sit amet, consectetur adipisicing eliit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud harjutus
ullamco laboris nisi ut aliquip ex ea commodo consequat.

3. Õigekirja kontroll

Atribuut Spellcheck määrab, kas elementi saab kontrollida õigekirjavigade suhtes või mitte. Saate kontrollida teksti õigekirja elemendid, tekst redigeeritavates elementides või tekst sisendelementides (va paroolid).


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 harjutus
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Seotud: HTML Essentialsi petuleht: sildid, atribuudid ja Veel

4. allalaadimine

Ressursi saate alla laadida allalaadimisatribuudi abil. Allalaadimisatribuut käsib brauseril määratud URL alla laadida, selle asemel, et sellele navigeerida. Saate kasutada allalaadimisatribuuti koos märgendiga ja märgendiga .

Märkus: allalaadimisatribuut ainult töötab sama päritoluga URL-idega. See järgib sama päritolu poliitika reegleid.

Laadi alla

5. aktsepteeri

Märgendi atribuut aktsepteeri määrab failide tüübi, mida kasutaja saab üles laadida. Selle väärtuseks saate määrata ühe või mitme failitüübi komadega eraldatud loendi.

Helifaili vastuvõtmine

Videofaili vastuvõtmine

 kood>

Pildifaili vastuvõtmine

 kood>

Microsoft Wordi faili aktsepteerimine

accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">

PNG- või JPEG-failide vastuvõtmine

PDF-faili vastuvõtmine

Seotud: lahedad HTML-i efektid, mida igaüks saab oma veebisaitidele lisada

6. translate

Tõlkeatribuut ütleb brauserile, et lehe lokaliseerimisel tuleb elementi tõlkida või mitte. Sellel võib olla 2 väärtust: "yes" või "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 harjutus
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Seotud: Lihtsad HTML-koodi näited, mida saate õppida 10 Minutid

7. poster

Atribuuti plakat kasutatakse pildi kuvamiseks video allalaadimise ajal või seni, kuni kasutaja esitab video.

Märkus: kui te midagi ei määra, ei kuvata midagi enne, kui esimene kaader on saadaval. Kui esimene kaader on saadaval, näidatakse seda plakatiraamina.

src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. inputmode

Inputmode atribuut näitab brauserile, millist klaviatuuri kuvada, kui kasutaja on valinud mis tahes sisendi või tekstiala elemendi. See atribuut aktsepteerib erinevaid väärtusi:

Puudub

Numbriline

Tel

Decimal

E-post

URL

9. muster

Elemendi atribuut muster võimaldab määrata regulaaravaldise, mille suhtes elemendi väärtust valideeritakse. Saate kasutada mustri atribuuti mitme sisestustüübiga, nagu tekst, kuupäev, otsing, URL, tel, e-post ja parool.

Seotud: Parimad saidid Kvaliteetse HTML-i kodeerimise näited

10. automaatne täitmine

Automaatse täitmise atribuut määrab, kas brauser peaks kasutaja sisestustel põhineva sisestuse automaatselt lõpule viima või mitte. Automaatse täitmise atribuuti saate kasutada mitme sisestustüübiga, nagu tekst, otsing, URL, tel, e-post, parool, kuupäevavalijad, vahemik ja värv. Saate seda atribuuti kasutada koos elementidega või

elemendid.

11. autofocus

Autofookuse atribuut on tõeväärtus, mis näitab, et element peaks keskenduma lehe laadimisele. Seda atribuuti saate kasutada koos , , , , või elemendid.

Autofookuse atribuudi kasutamine sisendelemendiga

< /code>

Automaatse teravustamise atribuudi kasutamine valitud elemendiga

Automaatse teravustamise atribuudi kasutamine textarea elemendiga

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.
Kui soovite vaadata kogu selles artiklis kasutatud lähtekoodi, vaadake GitHubi hoidla.


 Muutke oma elu JavaScripti One-Linersiga lihtsamaks


Üherealine kood aitab saavutada vähema koodiga rohkem. Professionaalselt kodeerimiseks saate kasutada mitut JavaScripti üherealist.


Vaid ühe koodireaga saate massiivi segada, leida massiivi keskmise, kontrollida, kas massiiv on tühi, genereerida juhuslikku kuueteistkümnendvärvi, genereerida juhuslikku UUID-d jne.



11 JavaScripti ühejoonist, mida peaksite teadma
Selle laia valiku JavaScripti ühesuunaliste moodulite abil saate vähese koodiga palju saavutada.




Loe edasi

JagaSäutsMeil




Seotud teemad
    

  • Programmeerimine
    • 

  • HTML
    • 

  • Programmeerimiskeeled
    • 

  • Kodeerimise näpunäited
    • 




Autori kohta





Yuvraj Chandra (78 artiklit avaldatud)
Yuvraj on India Delhi ülikooli arvutiteaduse bakalaureuseõppe üliõpilane. Ta on kirglik Full Stack veebiarendusse. Kui ta ei kirjuta, uurib ta erinevate tehnoloogiate sügavust.

Veel Yuvraj Chandralt







Liituge meie uudiskirjaga


Liituge meie uudiskirjaga tehniliste näpunäidete, arvustuste, tasuta e-raamatute ja eksklusiivsete pakkumiste saamiseks!


Tellimiseks klõpsake siin