HTML ir tīmekļa pamatelements. Zinot dažas mazāk zināmas, bet noderīgas šīs iezīmēšanas valodas daļas, jūs varat padarīt jūsu dzīvi daudz vieglāku. HTML atribūti nodrošina vairākas funkcijas, kas var palīdzēt jums maksimāli izmantot HTML. Tas nosaka HTML elementa papildu raksturlielumus vai īpašības.

Šajā rakstā jūs uzzināsit par 11 HTML atribūtiem, par kuriem, iespējams, vēl neesat dzirdējis.

1. vairākas

Šis atribūts ļauj lietotājiem ievadīt vairākas vērtības. Varat izmantot vairāku atribūtu ar tagus un tagus. Šis Būla atribūts ir derīgs tikai e-pasta vai failu ievades veidiem.

Vairāku atribūtu izmantošana ar


Vairāku atribūtu izmantošana faila ievadei

Izmantojot vairāku atribūtu faila ievadei, varat atlasīt vairākus failus (turot Shift vai Ctrl atslēgas).

Vairāku atribūtu izmantošana e-pasta ievadei

Izmantojot vairāku atribūtu e-pasta ievadei, varat ievadīt ar komatu atdalītu e-pasta adrešu sarakstu. Visas baltās atstarpes tiks noņemtas no katras adreses sarakstā.

2. apmierinošs

Varat padarīt HTML saturu rediģējamu tīmekļa lapā, izmantojot atribūtu contenteditable. Šis ir globāls atribūts, t.i., tas ir kopīgs visiem HTML elementiem.


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

3. pareizrakstības pārbaude

Pareizrakstības pārbaudes atribūts norāda, vai elementā var pārbaudīt pareizrakstības kļūdas vai nē. Varat pārbaudīt teksta pareizrakstību elementi, teksts rediģējamos elementos vai teksts ievades elementos (izņemot paroles).


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.

Saistīts: HTML Essentials apkrāptu lapa: tagi, atribūti un Vairāk

4. lejupielāde

Varat lejupielādēt resursu, izmantojot lejupielādes atribūtu. Lejupielādes atribūts liek pārlūkprogrammai lejupielādēt norādīto URL, nevis doties uz to. Varat izmantot lejupielādes atribūtu ar tagu un tagu .

Piezīme. Lejupielādes atribūts tikai darbojas ar vienas izcelsmes URL. Tas atbilst vienādas izcelsmes politikas noteikumiem.

Lejupielādēt

5. akceptēt

Taga atribūts akceptē norāda, kāda veida failus lietotājs var augšupielādēt. Kā tā vērtību varat norādīt ar komatiem atdalītu viena vai vairāku failu tipu sarakstu.

Audio faila pieņemšana

Video faila pieņemšana

Attēla faila pieņemšana

 kods>

Microsoft Word faila pieņemšana

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

PNG vai JPEG failu pieņemšana

PDF faila pieņemšana

Saistīts: Forši HTML efekti, ko ikviens var pievienot savām vietnēm

6. translate

Tulkošanas atribūts norāda pārlūkprogrammai, ka elements ir jātulko vai nē, kad lapa ir lokalizēta. Tam var būt 2 vērtības: "yes" vai "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 exercitation
ullamco laboris nisi ut aliquip ex ea commodo consquat.

Saistīts: Vienkāršu HTML kodu piemēri, kurus varat apgūt 10 Minūtes

7. plakāts

Plakāta atribūts tiek izmantots, lai rādītu attēlu video lejupielādes laikā vai līdz brīdim, kad lietotājs atskaņo video.

Piezīme. Ja neko nenorādīsiet, nekas netiks parādīts, kamēr nav parādīts pirmais kadrs. pieejams. Kad pirmais kadrs ir pieejams, tas tiek parādīts kā plakāta rāmis.

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

8. inputmode

Inputmode atribūts norāda pārlūkprogrammai, kura tastatūra jāparāda, kad lietotājs ir atlasījis kādu ievades vai teksta apgabala elementu. Šis atribūts pieņem dažādas vērtības:

Nav

Cipars

Tālr.

Decimal

E-pasts

URL

9. modelis

Elementa modeļa atribūts ļauj norādīt regulāro izteiksmi, pret kuru tiks pārbaudīta elementa vērtība. Varat izmantot modeļa atribūtu ar vairākiem ievades veidiem, piemēram, tekstu, datumu, meklēšanu, URL, tālruni, e-pastu un paroli.



Saistīts: Labākās vietnes Kvalitatīvas HTML kodēšanas piemēri

10. automātiskā pabeigšana

Automātiskās pabeigšanas atribūts norāda, vai pārlūkprogrammai ir automātiski jāpabeidz ievade, pamatojoties uz lietotāja ievadītajiem datiem. Varat izmantot automātiskās pabeigšanas atribūtu ar vairākiem ievades veidiem, piemēram, tekstu, meklēšanu, URL, tālruni, e-pastu, paroli, datuma atlasītājus, diapazonu un krāsu. Varat izmantot šo atribūtu ar elementiem vai

elementi.

11. autofocus

Automātiskā fokusa atribūts ir Būla atribūts, kas norāda, ka elementam jākoncentrējas uz lapas ielādi. Varat izmantot šo atribūtu ar , , , , vai elementi.

Autofokusa atribūta izmantošana ar ievades elementu

< /code>

Autofokusa atribūta izmantošana ar atlasīto elementu

Autofokusa atribūta izmantošana ar 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 exercitation
ullamco laboris nisi ut aliquip ex ea commodo consquat.

Ja vēlaties apskatīt visu šajā rakstā izmantoto avota kodu, pārbaudiet GitHub repozitorijs.

Padariet savu dzīvi vieglāku, izmantojot JavaScript One-Linners

Vienas līnijas kods palīdz sasniegt vairāk ar mazāku kodu. Varat izmantot vairākus JavaScript vienrindniekus, lai kodētu kā profesionālis.

Izmantojot tikai vienu koda rindiņu, varat sajaukt masīvu, atrast masīva vidējo vērtību, pārbaudīt, vai masīvs ir tukšs, ģenerēt nejaušu hex krāsu, ģenerēt nejaušu UUID un tā tālāk.

11 JavaScript One-Liners, kas jums jāzina

Sasniedziet daudz ar nelielu kodu, izmantojot šo plašo JavaScript vienas līnijas klāstu.

Lasiet Tālāk

DalītiesČivinātE-pasts
Saistītās tēmas
  • Programmēšana
  • HTML
  • Programmēšanas valodas
  • Kodēšanas padomi
Par autoru
Juvrajs Čandra (Publicēti 78 raksti)

Yuvraj ir datorzinātņu bakalaura students Deli Universitātē, Indijā. Viņš aizraujas ar Full Stack tīmekļa izstrādi. Kad viņš neraksta, viņš pēta dažādu tehnoloģiju dziļumu.

Vairāk no Yuvraj Chandra

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai saņemtu tehniskos padomus, pārskatus, bezmaksas e-grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu