Kā ievietot ievades paroli HTML5

Atribūts parole izveido ievadi datu ievadīšanai, kas, kad lietotājs tos ievadīs, ekrānā tiks attēloti kā punkti vai zvaigznītes ("*"), kas trešajai pusei apgrūtina vai neļauj izlasīt, kā dati tiek ievadīti veidlapā.
Šis atribūts darbojas kopā ar citiem atribūtiem, kurus tas arī koplieto ar elementu ievades tekstuAtcerēsimies un redzēsim, kuri no tiem ir kopīgi ar šo.

• [krāsa = # 808080]Maksimālais garums: [/ krāsa] Šis elements nav jauns HTML5, taču tas ir ļoti noderīgs, jo tas ļauj ierobežot maksimālo ievadīto rakstzīmju skaitu, piemēram, kad mūsu parolēs ir jābūt ne vairāk kā rakstzīmēm, piemēram, 6 burtciparu rakstzīmes, mēs ieliekam šo atribūtu ar vērtību 6 un, mēģinot ievadīt septīto, tas vienkārši netiktu uzrakstīts.

• [krāsa = # 808080]Modelis: [/ krāsa] Jaunums HTML5 ļauj mums ievadīt regulārās izteiksmes modeļus, lai mēs varētu pievienot jaunu validācijas līmeni, neizmantojot papildu valodas.

• [krāsa = # 808080]Vietturis: [/ krāsa] Jaunums HTML5, tas ir vizuāls palīglīdzeklis, kas ļauj mums ievadīt tekstu, kas parādīsies ievades tekstā, parādot nelielu palīdzību lietotājam, piemēram, ja ievade ir paredzēta paroles ievadīšanai, mēs varētu ievietot kā vietturis “ievadiet savu paroli”, protams, pielāgojot stilus, lai viss izskatās estētiski pareizi.

• [krāsa = # 808080]Tikai lasīt: [/ color] Šis atribūts nav jauns HTML5, tas ļauj lietotājam neļaut ievadīt datus vai rediģēt lauka saturu, kuram ir šis atribūts.

• [krāsa = # 808080]Obligāti: [/ krāsa] Jaunums HTML5, šis atribūts ļauj norādīt, ka, ja ievade ir tukša, veidlapa vēl nav jāiesniedz, tādējādi liekot aizpildīt obligāti, tādējādi paaugstinot citu validācijas līmeni.

• [krāsa = # 808080]Izmērs: [/ krāsa] Tas palīdz mums norādīt ievades elementa platumu, šis atribūts nav jauns, tomēr tas ir ļoti svarīgi, jo tas palīdz mums labāk parādīt tekstu, kas lietotājam jāievada, turklāt palīdzot mums estētiski, lai izveidotu viendabīgus ievades laukus, jo tos visus var novietot ar platumu, kas lielāks par noklusējuma vērtību.

• [krāsa = # 808080]Vērtība: [/ krāsa] Tas nav jauns HTML5, šis atribūts ļauj ievietot vērtības ievadē, tas atšķiras no viettura, jo tā vērtība, kas piešķirta, iesniedzot, ja tā tiktu nosūtīta kā elementa saturs, ir izmanto, lai aizpildītu veidlapu ar saturu, kas tiek atnests no datu bāzes, kad mēs izmantojam servera valodu.

Redzot teoriju, aplūkosim tās praktisko piemēru:

 Piemērs
Yam:

Parole:
Augļi:
Iesniegt balsojumu 

Kā mēs redzam šajā gadījumā, mēs izmantojam atribūtu vietturis lai norādītu, kāda veida paroli mēs sagaidām, tādā veidā mēs vadām lietotāju un samazinām kļūdas, tiklīdz elements tiek sākts rakstīt, viettura teksts tiek aizstāts ar zvaigznītēm vai citiem elementiem, kas neļauj zināt, ka tas tiek rakstīts.

PALIELINĀT

Vēl viens svarīgs piesardzības pasākums, kas mums jāievēro, ir tas, ka, lai gan mēs nevaram izlasīt to, ko rakstām paroles laukā, saņemot to lapā, kas apstrādās minēto veidlapu, saturs tiks piegādāts bez jebkāda veida šifrēšanas, tāpēc mēs zinām, ka dati ceļo bez aizsardzības, piemēram, ja mēs apstrādāsim iepriekšējo veidlapu, mēs saņemsim šo:

Ja mēs vēlamies lielāku drošību, mums jāapsver iespēja izmantot serverus ar drošiem protokoliem, piemēram SSL / HTTPS Viņi šifrē sūtīto informāciju vai izmanto tādas valodas kā Javascript, lai šifrētu informāciju pirms tās nosūtīšanas.
Ar to mēs noslēdzam šo pamācību, veidojot veidlapas sensitīvu datu ievadīšanai, un mēs zinām sekas un drošības pasākumus, kas mums jāveic, lai saglabātu no veidlapas saņemto datu integritāti, ja vēlamies, lai tā nebūtu lasāma ar ar neapbruņotu aci ..