HTML yra žiniatinklio kūrimo blokas. Žinodami kai kurias mažiau žinomas, bet naudingas šios žymėjimo kalbos dalis, jūsų gyvenimas gali būti daug lengvesnis. HTML atributai suteikia keletą funkcijų, kurios gali padėti išnaudoti visas HTML galimybes. Jis apibrėžia papildomas HTML elemento charakteristikas arba savybes.

Šiame straipsnyje sužinosite apie 11 HTML atributų, apie kuriuos tikriausiai dar negirdėjote.

1. daugkartinis

Šis atributas leidžia vartotojams įvesti kelias reikšmes. Galite naudoti kelių atributą su žymos ir žymės. Šis loginis atributas galioja tik el. pašto arba failų įvesties tipams.

Naudojant kelis atributus su


Kelių atributų naudojimas failo įvedimui

Naudodami kelių atributą rinkmenai įvesti, galite pasirinkti kelis failus (laikydami Shift arba Ctrl raktai).

Kelių atributų naudojimas el. pašto įvedimui

Naudodami kelių atributą el. pašto įvedimui, galite įvesti kableliais atskirtų el. pašto adresų sąrašą. Iš kiekvieno sąrašo adreso bus pašalinti visi balti tarpai.

instagram viewer

2. patenkintas

Galite padaryti HTML turinį redaguojamą tinklalapyje naudodami atributą contenteditable. Tai yra visuotinis atributas, t. y. jis būdingas visiems HTML elementams.


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

3. Rašybos tikrinimas

Rašybos tikrinimo atributas nurodo, ar elemente gali būti tikrinama, ar nėra rašybos klaidų, ar ne. Galite patikrinti teksto rašybą elementus, tekstą redaguojamuose elementuose arba tekstą įvesties elementuose (išskyrus slaptažodžius).


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

Susiję: „HTML Essentials“ kodų lapas: žymos, atributai ir Daugiau

4. parsisiųsti

Galite atsisiųsti išteklius naudodami atsisiuntimo atributą. Atsisiuntimo atributas nurodo naršyklei atsisiųsti nurodytą URL, o ne eiti į jį. Atsisiuntimo atributą galite naudoti su žyma ir žyma .

Pastaba: atsisiuntimo atributas tik veikia su tos pačios kilmės URL. Ji atitinka tos pačios kilmės politikos taisykles.

Atsisiųsti

5. accept

Žymos atributas priimti nurodo failų tipą, kurį vartotojas gali įkelti. Kaip jo reikšmę galite nurodyti kableliais atskirtą vieno ar kelių failų tipų sąrašą.

Garso failo priėmimas

Vaizdo įrašo failo priėmimas

 kodas>

Vaizdo failo priėmimas

 kodas>

Microsoft Word failo priėmimas

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

PNG arba JPEG failų priėmimas

PDF failo priėmimas

Susiję: Šaunūs HTML efektai, kuriuos kiekvienas gali pridėti prie savo svetainių

6. translate

Vertimo atributas nurodo naršyklei, kad elementas turi būti išverstas, ar ne, kai puslapis lokalizuotas. Jis gali turėti 2 reikšmes: "yes" arba "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 mankšta
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Susiję: Paprastų HTML kodų pavyzdžių, kuriuos galite išmokti per 10 Minutės

7. plakatas

Plakato atributas naudojamas vaizdui rodyti, kol vaizdo įrašas atsisiunčiamas arba kol naudotojas paleidžia vaizdo įrašą.

Pastaba: jei nieko nenurodysite, niekas nebus rodomas, kol nebus parodytas pirmasis kadras prieinama. Kai pasiekiamas pirmasis kadras, jis rodomas kaip plakato rėmelis.

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

8. inputmode

Atributas inputmode nurodo naršyklei, kurią klaviatūrą rodyti, kai vartotojas pasirenka bet kurį įvestį arba tekstinės srities elementą. Šis atributas priima įvairias reikšmes:

Nėra

Skaičių

Tel

Dešimtainė

El. paštas

URL

9. šablonas

Elemento šablono atributas leidžia nurodyti reguliarųjį reiškinį, pagal kurį bus patikrinta elemento vertė. Modelio atributą galite naudoti su keliais įvesties tipais, pvz., tekstu, data, paieška, URL, tel, el. paštu ir slaptažodžiu.

Susiję: Geriausios svetainės Kokybiško HTML kodavimo pavyzdžiai

10. automatinis užbaigimas

Automatinio užbaigimo atributas nurodo, ar naršyklė turi automatiškai užbaigti įvestį pagal vartotojo įvestį, ar ne. Galite naudoti automatinio užbaigimo atributą su keliais įvesties tipais, pvz., tekstu, paieška, URL, tel, el. paštu, slaptažodžiu, datos rinkikliais, diapazonu ir spalva. Šį atributą galite naudoti su elementais arba

elementai.

11. automatinis fokusavimas

Automatinio fokusavimo atributas yra loginis atributas, nurodantis, kad elementas turi būti sutelktas į puslapio įkėlimą. Šį atributą galite naudoti su , , , , arba elementai.

Automatinio fokusavimo atributo naudojimas su įvesties elementu

< /code>

Automatinio fokusavimo atributo naudojimas su pasirinktu elementu

Automatinio fokusavimo atributo naudojimas su textarea elementu

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 mankšta
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Jei norite peržiūrėti visą šiame straipsnyje naudojamą šaltinio kodą, peržiūrėkite GitHub saugykla.


 Palengvinkite savo gyvenimą naudodami „JavaScript“ vieną įdėklą


Vienos eilutės kodas padeda pasiekti daugiau naudojant mažiau kodo. Norėdami koduoti kaip profesionalas, galite naudoti keletą „JavaScript“ vienetų.


Turėdami tik vieną kodo eilutę, galite maišyti masyvą, rasti masyvo vidurkį, patikrinti, ar masyvas tuščias, sugeneruoti atsitiktinę šešioliktainę spalvą, sugeneruoti atsitiktinį UUID ir pan.



11 „JavaScript One-Liners“, kuriuos turėtumėte žinoti
Pasiekite daug naudodami tik šiek tiek kodo naudodami šį platų „JavaScript“ vieno įdėklų asortimentą.




Skaitykite toliau

DalintisTviteryjeEl. paštas




Susijusios temos
    

  • Programavimas
    • 

  • HTML
    • 

  • Programavimo kalbos
    • 

  • Kodavimo patarimai
    • 




Apie autorių





Yuvraj Chandra (Paskelbta 78 straipsniai)
Yuvraj yra kompiuterių mokslų bakalauro studentas Delio universitete, Indijoje. Jis aistringai vertina „Full Stack“ žiniatinklio kūrimą. Kai jis nerašo, jis tyrinėja įvairių technologijų gelmes.

Daugiau iš Yuvraj Chandra







Prenumeruokite mūsų naujienlaiškį


Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. knygų ir išskirtinių pasiūlymų!


Norėdami užsiprenumeruoti, spustelėkite čia