Cea mai bună utilizare a atributelor de formular HTML avansate?



Acest articol vă va prezenta câteva dintre atributele avansate ale formularului HTML și, în proces, va oferi, de asemenea, o demonstrație practică.

este, evident, primul lucru care vine prin minte după ce a ascultat termenul www. Practic, este elementul din spatele fiecărui site pe care îl vizitați astăzi. În acest articol vom explora câteva atribute avansate ale formularului HTML.

Următoarele indicații vor fi tratate în acest articol,





Deci, haideți să începem cu acest articol,

Atribute avansate ale formularului HTML

HTML singur nu poate face dreptate cu unele dintre cele mai iubite modele pe care le vedem astăzi. Necesită ajutor și este oferit de CSS sau Foaie de stil în cascadă . HTML și CSS pot fi utilizate împreună pentru a crea câteva pagini web atractive.



Continuăm cu acest articol despre Atribute avansate ale formularului HTML

Etichete și atribute în HTML

Ambele sunt elementele de bază ale HTML și ambele funcționează împreună, dar îndeplinesc funcții diferite.

Etichete: Etichetele sunt folosite pentru a marca începutul elementului HTML și sunt încadrate de paranteze unghiulare.



Exemplu:

ce este vizualizarea datelor în tablou

Eticheta de mai sus este eticheta de titlu în HTML.

Atribute: Acestea sunt informații suplimentare despre etichete și sunt specificate în etichetă.



Exemplu:

 ”My

Eticheta de mai sus este eticheta de imagine și alt este atributul etichetei și oferă descrierea imaginii hello_world.jpg

Așa cum am discutat despre elementele de bază de care aveam nevoie, așa că acum putem merge mai departe cu motivul acestui articol, care este câteva etichete HTML și CSS avansate.

Continuăm cu acest articol despre Atribute avansate ale formularului HTML

Atribute Max, Maxlength și Min

Acestea sunt în special atributele etichetei de intrare, adică. Eticheta de intrare este utilizată practic în interiorul etichetei pentru a accepta diferitele tipuri de intrări de la utilizator, cum ar fi textul, numărul, butonul radio, datele, caseta de selectare, ora, parola etc.

Max

Acest atribut specifică valoarea maximă pentru orice intrare specificată. Dacă utilizatorul încearcă să introducă mai mult decât valoarea maximă, nu va accepta caracterele sau valorile ulterior.

Notă:

Atributul Max a fost introdus cu HTML 5.

Exemplu:

Numarul studentilor:

GitHub Gist Link:

Valoarea studenților nu poate fi mărită dincolo de 50.

Ieșire - Atribute avansate ale formularului HTML - Edureka

Notă: Acțiunea de atribut a etichetei specifică unde vor fi trimise datele introduse pentru procesul ulterior. În acest caz, este submit_detail.php care este un fișier PHP.

Numărul de studenți este detaliul care trebuie introdus în caseta de text.

Atributul max din prima etichetă indică valoarea numerică maximă care poate fi introdusă în caseta text, adică valori mai mari de 50 nu ar fi acceptate, care este principalul motiv al atributului max.

Eticheta maximă poate fi, de asemenea, utilizată pentru a defini data maximă care poate fi introdusă în câmpul de introducere de către utilizator.

Exemplu:

Introduceți data nașterii în format AAAA-LL-ZZ: 
Număr maxim de naștere: 31.03.2000

GitHub Gist Link:

Am folosit 31SfMartie 2000 ca dată maximă și opțiunea este calendaristică este restricționată numai până la acea dată.

În acest câmp de introducere, utilizatorul nu va putea introduce data care este după data specificată în atributul max.

Continuăm cu acest articol despre Atribute avansate ale formularului HTML

Lungime maxima

După cum sugerează și numele, acest atribut specifică lungimea maximă a caracterelor care pot fi introduse de un utilizator într-un câmp de intrare. Valorile atributelor sunt numere.

Exemplu:

Introduceți numele de utilizator:

GitHub Gist Link:

Limita câmpului de intrare este de 15 caractere, deci intrarea este restricționată doar la 15 caractere.

Acest atribut de lungime maximă din etichetă ar restricționa utilizatorul să dea o intrare care nu este strict mai mare decât valoarea specificată, care este 15.

Notă Valoarea implicită a atributului lungime maximă este 524288.

Continuăm cu acest articol despre Atribute avansate ale formularului HTML

Min

Atributul min specifică valoarea minimă pentru valoarea care trebuie introdusă în câmpul de intrare.

Exemplu:

Introduceți vârsta:

GitHub Gist Link:

Atributul min din eticheta de intrare definește că vârsta de intrare nu trebuie să fie mai mică de 18.

Bacsis: Puteți utiliza atât atributul min, cât și max cu o intrare pentru a furniza intrării un interval legal sau un interval acceptabil.

Exemplu:

Introduceți vârsta:

GitHub Gist Link:

Cu aceasta ajungem la sfârșitul acestui articol despre atribute avansate ale formularului HTML.

Acum intervalul de intrare în câmp nu poate fi mai mic de 18 și mai mare de 50 în același timp.Atributele max și min pot fi utilizate cu mai multe tipuri de intrare, cum ar fi numărul, intervalul, data, datetime, datetime -local, lună, oră și săptămână.

Acum, că știți ce este HTML, verificați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să aflați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3).

Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a articolului și vă vom răspunde.