Cuprins
Unul dintre cele mai importante elemente dintr-un document HTML este elementul intrare deoarece este principala sursă de energie pe care o avem pentru utilizator, în acest tutorial vom vedea puțin mai în detaliu cum să lucram cu acest element și caracteristicile pe care le are, precum și atributele din care putem folosi HTML5.Introdu textul
Introdu textul, este cea mai de bază formă a elementului de intrare, ne permite să captăm text simplu alfanumeric și orice caracter special, deși intrarea nu este rea, uneori trebuie să filtrăm puțin mai mult pentru a obține datele de care avem cu adevărat nevoie.
Să vedem atributele speciale pe care le putem folosi cu acest element atunci când lucrăm ca tip de text.
- nume: Acest atribut nu este nou pentru HTML5, cu toate acestea, acest atribut ne permite să schimbăm direcția de introducere a textului, fie de la dreapta la stânga, fie de la stânga la dreapta, ceea ce utilizăm în mod normal în limba occidentală.
Cometariu:
posteaza comentariu
- listă: Acest atribut este nou în HTML5 și ne oferă posibilitatea de a specifica id-ul unui element datalist Aș putea atribui valori acestui element.
Pagina principala:
- lungime maxima: Un alt vechi cunoscut al HTML, Nu este nou, totuși este foarte util, deoarece ne permite să limităm numărul maxim de caractere pe care intrarea le acceptă, un exemplu este când acceptăm coduri din 3 litere, plasăm acest atribut cu valoarea 3 și când încercăm să introducem o a patra scrisoare nu este aș scrie pur și simplu.
- model: Nou în HTML5 ne permite să introducem modele de expresie regulată, astfel încât să putem adăuga un nou nivel de validare fără a utiliza limbaje suplimentare.
Numărul piesei:
- substituent: Nou in HTML5, Este un ajutor vizual care ne permite să introducem un text care va apărea în textul de intrare spunând un pic de ajutor pentru utilizator, de exemplu, dacă un text de intrare este pentru introducerea numelui și prenumelui, am putea plasa substituent „Introduceți numele și prenumele separate prin spațiu”, bineînțeles ajustând stilurile astfel încât totul să pară estetic corect.
Yam:
- numai în citire: Acest atribut nu este nou în HTML5, ne permite să facem utilizatorul să nu poată introduce date sau să editeze conținutul câmpului care are acest atribut.
- necesar: Nou in HTML5, Acest atribut ne permite să indicăm, dacă intrarea este goală, formularul nu ar trebui trimis încă, forțând astfel caracterul obligatoriu al completării acestuia, în acest fel ridicăm un alt nivel de validare.
Adresa de e-mail:
- mărimea: Ne ajută să specificăm lățimea elementului de intrare, acest atribut nu este nou, cu toate acestea este foarte important, deoarece ne ajută să oferim o vizualizare mai bună a textului pe care utilizatorul trebuie să îl introducă, pe lângă faptul că ne ajută din punct de vedere estetic să creăm omogen câmpuri de intrare, pentru a le putea plasa pe toate cu o lățime mai mare decât cea adusă în mod implicit.
- valoare: Nu este nou în HTML5, acest atribut ne permite să plasăm valori într-un text de intrare, este diferit de substituent, deoarece ceea ce este în valoare atribuit la trimiterea dacă ar fi trimis ca conținut al elementului, este destul de obișnuit pentru completați un formular cu conținut care este adus din baza de date atunci când folosim un limbaj de server.
În următoarea parte a tutorialului vom vedea câteva exemple practice despre cum să utilizați unele dintre aceste atribute.
Actualizați: Partea 2 a acestui tutorialV-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
