Atributul boolean HTML necesar îi spune browserului să trimită datele formularului numai atunci când sunt completate câmpurile obligatorii. Aceasta înseamnă că câmpul nu poate fi lăsat necompletat și că numai tipurile de valori specifice pot fi acceptate în funcție de alte atribute sau tipuri de câmp. Vom vorbi puțin mai târziu despre cum să le spunem browserelor să trimită anumite tipuri de date.
Dacă câmpurile obligatorii sunt lăsate necompletate, formularul nu va fi trimis. Opera, Firefox, Internet Explorer 10+ și Chrome transmit utilizatorului un mesaj de eroare. De exemplu, " Vă rugăm să completați acest câmp"sau" Trebuie să completați câmpuri goale».
În terminologia Javascript, evenimentul de focalizare declanșează un element de formă atunci când primește focalizarea, când focalizarea se îndreaptă către un alt element sau când pierde focalizarea.
În CSS, puteți utiliza pseudo-clasa: focus pentru a stiliza elementele care sunt selectate în prezent.
Atributul necesar se aplică oricărui tip de element de intrare, cu excepția butonului, trimiterii, imaginii, culorii și ascunsului. Toate aceste elemente au o valoare implicită, deci atributul suplimentar ar fi redundant. Sintaxa pentru acest atribut este pur și simplu necesară sau obligatorie \u003d "obligatorie" dacă utilizați sintaxa XHTML.
Adăugați atributul de intrare HTML necesar în formularul de înregistrare. Să facem obligatorii câmpurile de nume, e-mail, parolă și data abonamentului:
-
(cel puțin 6 caractere, fără spații)
În capturile de ecran de mai jos, puteți vedea ce face atributul HTML necesar atunci când încercați să trimiteți un formular:
Mesaj de câmpuri obligatorii în Firefox
Aceeași situație în Opera ...
și în Google Chrome
Stilizarea câmpurilor obligatorii pe un formular
Puteți stiliza câmpurile obligatorii în formulare cu pseudo-clasa: required ,: optional sau pseudo-classul negativ: not (: obligatoriu). De asemenea, puteți stiliza câmpurile valide și nevalide utilizând pseudo-clasele: valid și: invalid. Puteți utiliza aceste pseudo-clase necesare de intrare HTML pentru a arăta utilizatorilor ce câmpuri sunt necesare:
input (background-position: 0% 50%; background-repeat: no-repeat; padding-left: 15px;) input: obligatoriu (background-image: url ("../ images / required.png");) input : focus: invalid (background-image: url ("../ images / invalid.png");) input: focus: valid (background-image: url ("../ images / valid.png");)
În acest caz, adăugăm o imagine de fundal (un asterisc) la câmpurile de formular necesare. Elementele de intrare nu pot include conținut generat. Prin urmare, este mai bine să utilizați o imagine de fundal. În plus, câmpurile valide și nevalide pot fi evidențiate cu imagini de fundal diferite. Modificările vor fi vizibile numai dacă utilizatorul a selectat elementul de formular corespunzător.
Atenție: Firefox creează elemente nevalide
Rețineți că browserul Firefox își aplică propriul stil (umbra roșie) elementelor nevalide, așa cum se arată într-una din imaginile de mai sus. Pentru a dezactiva acest efect pentru HTML-ul necesar, utilizați următorul CSS:
: invalid (box-shadow: none;)
Sugestie: stilul vizat pentru browserele vechi
Browserele vechi, cum ar fi IE8 și IE9, nu acceptă pseudo-clasa: necesară, dar puteți furniza stiluri vizate folosind un selector de atribute:
input: obligatoriu, input (background-image: url ("../ images / required.png");)
De asemenea, puteți utiliza acest atribut ca cârlig pentru validarea formularelor în browserele care nu acceptă validarea bazată pe HTML5. Codul Javascript va verifica elementele de intrare goale pentru atributul cerut și nu va trimite formularul dacă sunt găsite câmpuri obligatorii goale.
Foolproof este un set de măsuri pentru a preveni introducerea de informații incorecte într-un formular. De exemplu, dacă trebuie să introduceți un număr pozitiv de la 0 la 10 într-un câmp, atunci ar trebui să verificați dacă utilizatorul nu introduce text sau un număr care nu se află în intervalul specificat, adică numărul nu trebuie să fie mai mic de zero sau mai mare de zece.
De ce se introduc informații incorecte? Acest lucru se datorează în principal din trei motive.
- Utilizatorul a făcut o greșeală din greșeală, de exemplu, a citit neatent ceea ce trebuie să indice.
- Pe o pagină web, li se cere ambiguu să introducă date, astfel încât utilizatorul trebuie să ghicească și să facă o presupunere despre ceea ce își doresc cu adevărat de la el. În acest caz, opiniile dezvoltatorului și ale utilizatorului nu coincid întotdeauna.
- Există o serie de oameni care iau instrucțiuni ca provocare și încearcă să facă contrariul. Astfel de utilizatori motivează astfel: „Da, mi se cere să introduc un număr. Ce se întâmplă dacă indic literele? " După aceea, cer informații clar incorecte și văd la ce va duce.
Ar trebui să se înțeleagă că formulările precise și corecte, deși reduc probabilitatea de erori, nu vă scutesc în niciun caz de ele. Doar mijloacele tehnice din partea serverului vă permit să obțineți rezultatul dorit și să evitați introducerea de informații incorecte. Cu toate acestea, revizuirea sau, așa cum se mai numește, validarea din partea clientului vă permite să verificați rapid datele introduse de utilizator pentru corectitudine, fără a trimite formularul către server. Aceasta economisește timp utilizatorului și reduce încărcarea pe server. Din punct de vedere al utilizabilității, există și plusuri - utilizatorul primește imediat un mesaj despre ce informații a indicat incorect și își poate corecta greșeala.
Câmp obligatoriu
Unele câmpuri de formular trebuie completate înainte de a le trimite la server. Acest lucru, de exemplu, se aplică formularului de înregistrare, unde trebuie să introduceți un nume de utilizator și o parolă. Atributul necesar este utilizat pentru a specifica câmpurile obligatorii, așa cum se arată în Exemplul 1.
Exemplul 1. Atributul necesar
HTML5 IE 10+ Cr Op Sa Fx
Câmpurile obligatorii trebuie completate înainte de a trimite formularul, altfel formularul nu va fi trimis la server și browserul va emite un avertisment cu privire la acest lucru. Tipul de mesaj depinde de browser; de exemplu, Chrome afișează un sfat, așa cum se arată în Fig. unu.
Figura: 1. Câmpul obligatoriu nu este completat
Corectitudinea datelor
Inițial, există două câmpuri în care introducerea utilizatorului este validată automat. Aceasta este adresa web și adresa de e-mail. Browserul Chrome verifică, de asemenea, validitatea câmpului de date calendaristice, dar numai pentru că nu are o interfață de calendar clic-pentru-selectare. Aceste elemente se caracterizează prin următoarele reguli.
- Adresa de internet ( ) trebuie să conțină protocolul (http: //, https: //, ftp: //).
- Adresa de email ( ) trebuie să conțină litere sau cifre înainte de simbolul @, după acesta, apoi un punct și un domeniu de primul nivel.
Browserele au politici ușor diferite pentru verificarea datelor utilizatorilor. De exemplu, Opera înlocuiește automat protocolul http: // în fața textului introdus, în timp ce alte browsere îl așteaptă de la utilizator. Chrome și Opera necesită un punct pentru a fi în adresa poștală, nu este necesar pentru Firefox.
Exemplul 2 arată un formular cu câmpuri obligatorii, în care două câmpuri sunt validate de browser.
Exemplul 2. Corectitudinea datelor
HTML5 IE 10+ Cr Op Sa Fx
Opera validează elementul formular doar dacă este prezent atributul nume.
Ce se întâmplă în Opera atunci când sunt introduse date incorecte este prezentat în Fig. 2.
Figura: 2. Avertisment cu privire la date incorecte
Șablon de intrare
Unele date nu pot fi clasificate ca un singur tip de element de formular, deci trebuie să utilizați o casetă de text pentru acesta. Mai mult, intrarea lor are loc conform unui anumit standard. Deci, adresa IP conține patru numere separate printr-un punct (192.168.0.1), codul poștal al Rusiei este limitat la șase cifre (124007), telefonul conține un cod de oraș și un număr specific de cifre, adesea separate printr-o cratimă (391 555-341-42), etc. specificați un șablon de intrare astfel încât să valideze introducerea utilizatorului în funcție de acesta. Pentru aceasta, se utilizează atributul model, iar valoarea acestuia este o expresie regulată. Unele valori tipice sunt listate în tabel. unu.
Exemplul 3 cere o valoare de culoare hexazecimală (# ffcc00) și dacă nu se află în acest interval, browserul afișează un mesaj de eroare.
Exemplul 3. Șablon de intrare
HTML5 IE 10+ Cr Op Sa Fx
În fig. 3 arată un avertisment în browserul Chrome.
Figura: 3. Datele introduse nu se potrivesc cu șablonul
Anularea validării
Validarea nu este întotdeauna necesară pentru un formular, de exemplu, un dezvoltator dorește să utilizeze o soluție JavaScript universală și nu are nevoie de validare duplicat de către browser. În astfel de cazuri, trebuie să dezactivați validarea inline. Pentru aceasta, se aplică atributul novalidate al etichetei
Atributul formnovalidate este utilizat într-un scop similar, care este adăugat la butonul pentru trimiterea formularului, în acest caz la etichetă ... În acest caz, formularul din exemplul 4 va arăta astfel.
De ce a fost instalat acest formular?
În acest moment, un atac cu forță brută este efectuat pe site-ul dvs. Atacul cu forță brută este un atac cu forță brută. În acest caz, parola pentru panoul administrativ al site-ului dvs. este cu forță brută.
Pentru a preveni pirateria site-ului dvs. și a spori securitatea acestuia, am instalat o protecție suplimentară.
Cum pot accesa acum panoul de administrare al site-ului
Acum, când accesați panoul administrativ al site-ului dvs. (pe Joomla sau WordPress), va apărea o fereastră suplimentară pentru introducerea autentificării și parolei cu inscripția „vă rugăm să folosiți parola panoului de control”. Ca datele de conectare, trebuie să introduceți datele de conectare ale serviciului dvs. de găzduire, se pare „U1234567”... Parola este parola curentă pentru serviciul dvs. de găzduire.
După ce treceți prin autentificarea HTTP de bază, veți vedea un câmp de autorizare standard în panoul de administrare al site-ului dvs. Acum va trebui să introduceți datele de conectare și parola administratorului site-ului.
Cum funcționează autentificarea HTTP de bază
Când introduceți o parolă de autentificare în fereastra de autentificare de bază, valoarea autentificării și parola hash va fi comparat cu valorile dintr-un fișier special ~ / etc / usersdisponibil în panoul de control al găzduirii. Conținutul fișierului arată cam așa: "U1234567: dm48bspxIO3rg"... Unde „u1234567” este datele de conectare și „dm48bspxIO3rg” parola hash (notă: numai hash-ul, nu parola în sine!). Un hash de parolă este rezultatul transformării unei parole în conformitate cu un anumit algoritm.
Astfel, când introduceți numele de utilizator și parola în fereastra de autentificare de bază, din parola introdusă este preluată hash și este comparat cu valoarea hash din fișier ~ / etc / users... Dacă valorile se potrivesc, sunteți autentificat.
Nu pot trece prin autentificarea de bază
Probabil că introduceți o parolă greșită. Setați o nouă parolă pentru autentificarea de bază:
Dacă ați trecut autentificarea de bază, dar nu vă puteți conecta direct la panoul de administrare al site-ului dvs. Joomla sau WordPress, utilizați ajutorul:
Cum se mărește protecția unui site împotriva atacurilor cu forță brută?
Pentru a îmbunătăți securitatea site-ului:
- schimbați datele de conectare la superutilizator la una mai unică. Nu utilizați nume scurte, este mai bine dacă utilizați prenumele împreună cu numele de familie. Există multe resurse pe Internet în care sunt colectate cele mai populare autentificări. Verificați-le și nu le folosiți niciodată;
- setați o parolă de administrator de site puternică. O parolă complexă trebuie să conțină litere mari și mici, cifre și caractere suplimentare, cum ar fi „* - _ #:” etc. Lungimea parolei - nu mai puțin de 6 caractere. De dorit de la 10 și peste.
Cum elimin formularul de autentificare HTTP de bază?
Pentru a elimina formularul de autentificare HTTP de bază:
Pentru a comenta o linie, puneți un simbol hash ("#") la începutul liniei, astfel.
Chevrolet este un brand bine cunoscut pe piața mondială. Nu este o exagerare să spunem că modelul AVEO t250 cu motor de 1,2 litri este cunoscut pe toate continentele.
În prezent există pe piață două variante de caroserie hatchback cu trei și cinci uși. Un corp de acest tip a câștigat demult încrederea proprietarilor de mașini și se bucură de o încredere binemeritată. În același timp, berlinele clasice se lansează de pe linia de asamblare pentru a păstra tradiția și a atrage noi cumpărători. Corectitudinea acestei abordări este confirmată de vânzările stabile ale acestor modele.
Mașină internațională
Companiile auto, în lupta pentru piețe, iau o varietate de moduri de a îmbunătăți calitatea produselor lor. Se știe că modelul Chevrolet AVEO t250 a apărut pe piață ca urmare a activității viguroase a managerilor General Motors.
La început, începând din 2002, următoarele opțiuni de vehicule au fost oferite consumatorilor:
- sedan cu 4 usi;
- hatchback cu 5 uși;
- hatchback cu 3 uși.
Sa întâmplat că în diferite țări mașina a fost produsă sub diferite mărci. Și abia în 2005, Chevrolet AVEO t250 1.2 a apărut în Europa cu un nume definitiv fix.
În primii ani de prezență pe piață, AVEO nu s-a remarcat față de mașinile din clasa sa. Specificațiile tehnice și umilul motor de 1,2 litri nu au impresionat publicul țintă. Această situație nu a durat mult. Forțe creative puternice din diferite țări au fost implicate în actualizarea modelului gri, iar rezultatul a depășit toate așteptările.
Pentru configurația de bază, AVEO t250 a inclus o pereche de airbag-uri, aer condiționat și un magnetofon radio. Acest lucru a fost suficient pentru ca AVEO să fie printre primele zece modele vândute. Trebuie remarcat faptul că prețul său a fost mai mic de zece mii de dolari. În fotografie, sedanul T250 arată foarte atractiv.
Specificații
Primul lucru pe care experții și consumatorii se grăbesc să-l observe este valoarea clearance-ului. Pentru AVEO t250 este de 150 mm.
În funcție de configurație, motoarele pe benzină cu un volum de 1,2 până la 1,8 litri sunt instalate pe mașină. Pentru amatori, este furnizat un motor diesel de 1,3 litri. Dinamica mașinii și caracteristicile sale de manevrare merită doar laude. Consumul mediu de combustibil la 100 km este de 4,5 până la 6,5 \u200b\u200blitri. Se recomandă utilizarea benzinei de calitate 95 ca combustibil.
Datele tehnice remarcabile și prețul democratic au făcut din Chevrolet o mașină populară în rândul populației urbane și rurale.
Echipament
Pentru cunoscătorii ruși de viteză și confort, AVEO t250 cu trei uși este disponibil în două niveluri - de bază și lux. AVEO de bază este echipat doar cu un motor de 1,2 litri. Cutie de viteze manuală, faruri de ceață și atât.
Asamblarea suitei implică instalarea de oglinzi exterioare acționate electric și încălzite. Computer de bord, închidere centralizată, care este controlată de la distanță, alarmele pentru echipamente de lux sunt obișnuite. Caroseria, mânerele și oglinzile exterioare sunt vopsite în aceeași culoare. Cumpărătorul poate profita de oportunitate și alege caracteristicile mașinii în funcție de nevoile sale.
Aspect
Corpul AVEO este conceput în așa fel încât să nu poată fi confundat cu un alt model. Luminile mari de virare sunt poziționate astfel încât să nu poată fi trecute cu vederea. Compactitatea și proporționalitatea elementelor caroseriei fac mașina deosebit de atractivă.
Contururile exterioare ale vehiculului creează o impresie dinamică și sportivă. Caracteristicile aerodinamice simplifică mașina. Acest lucru se datorează parțial capacității reduse de consum și viteză, cu un volum al motorului de numai 1,2 litri. Jantele pot fi selectate în intervalul de la R13 la R15. Roata R16 este printre alte opțiuni.
Salon
Garnitura interioară a AVEO t250 este realizată din plastic dur. Caracteristicile volumetrice și spațiale ale cabinei încântă atât șoferul, cât și pasagerii. În comparație cu predecesorii săi, interiorul a devenit mai spațios și funcțional. Scaunul șoferului are un set mare de ajustări pentru înălțimea oricărui șofer. Toate dispozitivele sunt plasate pe tabloul de bord, ținând cont de cerințele ergonomice. Coloana de direcție poate fi reglată vertical. Caroseria hatchbackului cu 3 uși permite un compartiment pentru bagaje cu un volum de 220 de litri.
Şasiu
Corpul robust și simplificat AVEO permite vehiculului să circule la viteze mari și distanțe mari. Analizând caracteristicile tehnice ale suspensiei, analiștii remarcă originalitatea designului, eficiența și fiabilitatea ridicate. Dezvoltând viteza mare la virare, AVEO se deplasează fără rulare și derapaj.
Motorul 1.2, proiectat în principal pentru condițiile urbane, este capabil să atingă viteze de până la 150 km pe oră. Unii experți observă rigiditatea accidentului vascular cerebral. Acest lucru se simte în special pe drumurile de pietriș. Garda la sol ridicată în astfel de condiții vă permite să vă deplasați cu încredere peste toate gropile și denivelările.
întreținere
La fel ca orice mașină modernă, AVEO t250 necesită îngrijire și întreținere corespunzătoare. În perioada de garanție, toate procedurile de rutină sunt efectuate la centrul de service. De regulă, după 15 mii de kilometri, motorul schimbă uleiul, filtrul de ulei și filtrul de aerisire al cabinei.
Pentru un motor de 1,2 litri, alte lucrări programate nu sunt furnizate. Caroseria și șasiul sunt inspectate pentru eventuale deteriorări și defecțiuni. Pentru a proteja corpul de zgârieturi atunci când conduceți pe drumuri în vrac, șoferii experimentați recomandă instalarea unor clapete mai largi.
termeni de utilizare
De mult timp se știe că condițiile climatice dure impun conducătorului auto să respecte anumite reguli atunci când operează o mașină. Mașina AVEO nu face excepție în acest sens. T250 nu are nevoie de nicio întreținere specială în timpul verii. Lucrul principal:
- monitorizați nivelul uleiului din carter;
- alimentează benzină de înaltă calitate;
- verificați nivelul lichidului de frână.
Tinerilor șoferi trebuie să li se reamintească să își verifice presiunea în anvelope cel puțin o dată pe săptămână.
Iarna, este necesar să protejați corpul AVEO de pătrunderea lichidelor corozive pe el. Nu este recomandat să vă spălați mașina la temperaturi sub zero. Caracteristicile tehnice ale procedurilor de apă în timpul perioadei geroase nu afectează, dar suprafața corpului este expusă la influențe grave. Dacă este posibil, este recomandabil să lăsați mașina într-o cutie caldă peste noapte. Dacă mașina este lăsată într-o zonă deschisă, motorul trebuie încălzit cu o suflantă specială înainte de a porni dimineața.