Innehållsförteckning
I HTML5 har detta lösts sedan några stora förbättringar gjordes för sin egen validering och andra för dess enkla hantering i sig för att se mer attraktiv ut.
I det här kapitlet kommer vi att se ett litet urval av de nya funktionerna i formulär i HTML5. Och vi kommer att förstå att dess nya funktioner är mycket viktiga för dagens webb.
Tänk nu på att inte alla webbläsare stöder dessa nya funktioner och de som visar resultaten på sitt eget sätt, men låt oss komma igång:
Vi vet alla att etiketten anger ett inmatningsfält där användaren kan ange data. Tja, i HTML5 ser vi att den har flera typer av input eller. Dessa nya funktioner möjliggör bättre input och valideringskontroll.
Typ av data
: anger att användaren måste fylla i fältet med text
: anger att användaren måste fylla i fältet med ett giltigt e -postmeddelande
: anger att användaren måste fylla i fältet med url
: anger att användaren måste fylla fältet med en färg
: anger att användaren måste fylla i fältet med ett datum
: anger att användaren måste fylla i fältet med en av månaderna
Några exempel på HTML5 -element
Valideringsattribut
Valideringsattributen tillåter att en textruta eller textruta accepterar en enda typ av data, såsom de som nämns ovan och HTML5 bekräftar att data är korrekta, innan det måste göras med javascript eller jquery.
Ett exempel på validering av ett e -postmeddelande
E-post:
Keygen -attributet
Närhelst vi använder ett lösenord skulle vi vilja kunna kryptera det för ökad säkerhet
Syftet med elementet är att tillhandahålla ett säkert sätt att autentisera användare.
Etiketten anger ett generatorfält med två tangenter på ett formulär.
När formuläret skickas genereras två nycklar, en privat och en offentlig.
Den privata nyckeln lagras lokalt och den offentliga nyckeln skickas till servern. Den offentliga nyckeln kan användas för att generera ett klientcertifikat för att autentisera användaren i framtiden eller för att spara som ett lösenord till en databas eller för att validera sessioner.
Användarlösenord:
Autofokus -attributet
Autofokus ger ett deklarativt sätt att fokusera en formulärkontroll under sidladdning. Tidigare behövde en utvecklare skriva Javascript med hjälp av control.focus (). Det nya sättet gör att webbläsaren kan göra smarta saker som att inte centrera kontrollen om användaren redan skriver in en annan.
Namn:Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng
Efternamn:
E-post:
