Innehållsförteckning
Ett av de viktigaste elementen i ett HTML -dokument är elementet inmatning eftersom det är den huvudsakliga strömkällan som vi har för användaren, i den här självstudien kommer vi att se lite mer på djupet hur man arbetar med detta element och de egenskaper det har, liksom de attribut som vi kan använda från HTML5.Mata in text
De mata in text, det är den mest grundläggande formen för inmatningselementet, det tillåter oss att fånga alfanumerisk vanlig text och alla specialtecken, även om inmatningen inte är dålig, ibland måste vi filtrera lite mer för att få de data vi verkligen behöver.
Låt oss se de speciella attributen som vi kan använda med detta element när vi arbetar som en texttyp.
- dirname: Detta attribut är inte nytt för HTML5, men detta attribut gör att vi kan ändra textinmatningens riktning antingen från höger till vänster eller från vänster till höger, vilket är vad vi normalt använder på det västerländska språket.
Kommentar:
Publicera kommentar
- lista: Detta attribut är nytt i HTML5 och det ger oss möjlighet att ange id för ett element datalist Jag kan tilldela värden till detta element.
Hemsida:
- Maxlängd: En annan gammal bekant av HTML, Det är inte nytt, men det är mycket användbart eftersom det tillåter oss att begränsa det maximala antalet tecken som ingången accepterar, ett exempel är när vi accepterar 3-bokstavskoder, placerar vi detta attribut med värde 3 och när vi försöker skriva in en fjärde bokstav är det inte jag skulle bara skriva.
- mönster: Nytt i HTML5 gör det möjligt för oss att ange vanliga uttrycksmönster så att vi kan lägga till en ny valideringsnivå utan att använda ytterligare språk.
Artikelnummer:
- Platshållare: Ny i HTML5, Det är ett visuellt hjälpmedel som gör att vi kan skriva in en text som visas i inmatningstexten och säger lite hjälp för användaren, till exempel om en inmatningstext är för inmatning av namn och efternamn, kan vi placera Platshållare "Ange för- och efternamn åtskilda av blanksteg", naturligtvis justera stilarna så att allt ser estetiskt korrekt ut.
Jams:
- bara: Detta attribut är inte nytt i HTML5, det gör att vi kan göra att användaren inte kan ange data eller redigera innehållet i fältet som har detta attribut.
- nödvändig: Ny i HTML5, Detta attribut tillåter oss att indikera att om inmatningen är tom ska formuläret inte lämnas in ännu, vilket tvingar den obligatoriska karaktären av dess fyllning, på så sätt höjer vi ytterligare en valideringsnivå.
E-postadress:
- storlek: Det hjälper oss att ange bredden på inmatningselementet, detta attribut är inte nytt, men det är mycket viktigt eftersom det hjälper oss att ge en bättre bild av texten som användaren måste ange, förutom att hjälpa oss estetiskt att skapa homogena inmatningsfält, för att kunna placera dem alla med en bredd som är större än den som tas med som standard.
- värde: Det är inte nytt i HTML5, detta attribut tillåter oss att placera värden i en inmatningstext, det skiljer sig från platshållaren eftersom det som är i värde tilldelas vid inlämning om det skulle skickas som innehåll i elementet, är ganska van vid fyll i ett formulär med innehåll som det kommer från databasen när vi använder ett serverspråk.
I nästa del av handledningen kommer vi att se några praktiska exempel på hur du använder några av dessa attribut.
Uppdatering: Del 2 i denna handledningGillade 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
