Turinys
Vienas iš svarbiausių HTML dokumento elementų yra elementas įvesties kadangi tai yra pagrindinis energijos šaltinis, kurį turime vartotojui, šioje pamokoje mes šiek tiek išsamiau pamatysime, kaip dirbti su šiuo elementu ir jo savybes, taip pat atributus, kuriuos galime naudoti iš HTML5.Įvesti tekstą
The įvesties tekstą, tai yra pati paprasčiausia įvesties elemento forma, leidžianti užfiksuoti paprastą raidinį ir skaitmeninį tekstą bei bet kokius specialius simbolius, nors tai nėra blogai, tačiau kartais turime šiek tiek daugiau filtruoti, kad gautume tikrai reikalingus duomenis.
Pažiūrėkime specialius atributus, kuriuos galime naudoti su šiuo elementu, kai dirbame kaip teksto tipas.
- dirvardas: Šis atributas nėra naujas HTML5, tačiau šis atributas leidžia mums pakeisti teksto įvesties kryptį iš dešinės į kairę arba iš kairės į dešinę, ką paprastai naudojame vakarų kalba.
Komentaras:
Paskelbti komentarą
- sąrašas: Šis atributas yra naujas HTML5 ir tai suteikia mums galimybę nurodyti elemento ID datalistas Šiam elementui galėčiau priskirti vertes.
Pagrindinis puslapis:
- Didžiausias ilgis: Kitas senas pažįstamas HTML, Tai nėra nauja, tačiau tai labai naudinga, nes tai leidžia apriboti maksimalų įvesties priimamų simbolių skaičių, pavyzdžiui, kai priimame 3 raidžių kodus, šį atributą įterpiame į 3 vertę ir bandydami įvesti Ketvirta raidė yra ne aš tiesiog parašyti.
- modelis: Naujas HTML5 - tai leidžia mums įvesti įprastos išraiškos modelius, kad galėtume pridėti naują patvirtinimo lygį nenaudodami papildomų kalbų.
Dalies numeris:
- vietos rezervavimo ženklas: Nauja HTML5, Tai yra vizuali pagalba, leidžianti įvesti tekstą, kuris bus rodomas įvesties tekste ir kuriame šiek tiek padės naudotojui, pavyzdžiui, jei įvesties tekstas skirtas vardui ir pavardei įvesti, vietos žymeklis „Įveskite vardą ir pavardę atskirtus tarpais“, žinoma, koreguodami stilius, kad viskas atrodytų estetiškai teisingai.
Yam:
- Tik skaitymui: Šis atributas nėra naujas HTML5, jis leidžia mums neleisti vartotojui įvesti duomenų ar redaguoti lauko, turinčio šį atributą, turinio.
- būtina: Nauja HTML5, Šis atributas leidžia mums nurodyti, kad jei įvestis tuščia, forma dar neturėtų būti pateikta, todėl privalomas jos užpildymo pobūdis, tokiu būdu pakeliame kitą patvirtinimo lygį.
Elektroninio pašto adresas:
- dydis: Tai padeda mums nurodyti įvesties elemento plotį, šis atributas nėra naujas, tačiau jis yra labai svarbus, nes padeda mums geriau matyti tekstą, kurį vartotojas turi įvesti, be to, estetiškai padeda sukurti vienalytį vaizdą. įvesties laukus, kad juos visus būtų galima išdėstyti didesniu pločiu nei numatytasis.
- vertė: Tai nėra naujiena HTML5, šis atributas leidžia mums įterpti reikšmes įvesties tekste, jis skiriasi nuo vietos rezervavimo ženklo, nes tai, kokia vertė pateikiant priskirta, jei ji būtų siunčiama kaip elemento turinys, yra gana įpratusi užpildykite formą turiniu, kurį ji atnešė iš duomenų bazės, kai naudojame serverio kalbą.
Kitoje pamokos dalyje pamatysime keletą praktinių pavyzdžių, kaip naudoti kai kuriuos iš šių atributų.
Atnaujinimas: Šios pamokos 2 dalisAr jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
