Inhoudsopgave
Een van de belangrijkste elementen in een HTML-document is het element invoer aangezien het de belangrijkste krachtbron is die we voor de gebruiker hebben, zullen we in deze tutorial wat meer in detail zien hoe we met dit element kunnen werken en de kenmerken die het heeft, evenals de attributen die we kunnen gebruiken van HTML5.Invoertekst
De invoer tekst, het is de meest basale vorm van het invoerelement, het stelt ons in staat om alfanumerieke platte tekst en elk speciaal teken vast te leggen, hoewel invoer niet slecht is, moeten we soms wat meer filteren om de gegevens te verkrijgen die we echt nodig hebben.
Laten we eens kijken naar de speciale attributen die we met dit element kunnen gebruiken wanneer we als teksttype werken.
- dirnaam: Dit kenmerk is niet nieuw voor HTML5, dit attribuut stelt ons echter in staat om de richting van de tekstinvoer te veranderen van rechts naar links of van links naar rechts, wat we normaal gesproken gebruiken in de westerse taal.
Commentaar:
Plaats een reactie
- lijst: Dit attribuut is nieuw in HTML5 en het geeft ons de mogelijkheid om de id van een element te specificeren datalijst Aan dit element zou ik waarden kunnen toekennen.
Startpagina:
- maximale lengte: Nog een oude bekende van HTML, Het is niet nieuw, maar het is erg handig omdat het ons in staat stelt het maximale aantal tekens dat de invoer accepteert te beperken, een voorbeeld is wanneer we 3-lettercodes accepteren, we plaatsen dit kenmerk met waarde 3 en wanneer we proberen in te voeren een vierde brief zou ik niet zomaar schrijven.
- patroon: Nieuw in HTML5, het stelt ons in staat patronen voor reguliere expressies in te voeren, zodat we een nieuw validatieniveau kunnen toevoegen zonder extra talen te gebruiken.
Onderdeel nummer:
- tijdelijke aanduiding: Nieuw in HTML5, Het is een visueel hulpmiddel waarmee we een tekst kunnen invoeren die in de invoertekst zal verschijnen en de gebruiker een beetje helpt, bijvoorbeeld als een invoertekst is voor het invoeren van naam en achternaam, kunnen we de tijdelijke aanduiding "Voer voor- en achternaam in gescheiden door spatie", natuurlijk de stijlen aanpassen zodat alles er esthetisch correct uitziet.
Jam:
- alleen lezen: Dit attribuut is niet nieuw in HTML5, het stelt ons in staat om de gebruiker niet in staat te stellen gegevens in te voeren of de inhoud van het veld met dit attribuut te bewerken.
- vereist: Nieuw in HTML5, Met dit kenmerk kunnen we aangeven dat als de invoer leeg is, het formulier nog niet moet worden ingediend, waardoor het verplichte karakter van het invullen wordt afgedwongen, op deze manier verhogen we een ander niveau van validatie.
E-mailadres:
- maat: Het helpt ons om de breedte van het invoerelement te specificeren, dit attribuut is niet nieuw, maar het is erg belangrijk omdat het ons helpt om een beter beeld te geven van de tekst die de gebruiker moet invoeren, naast ons esthetisch te helpen om homogene invoervelden, om ze allemaal te kunnen plaatsen met een breedte die groter is dan degene die standaard wordt gebracht.
- waarde: Het is niet nieuw in HTML5, dit attribuut stelt ons in staat om waarden in een invoertekst te plaatsen, het is anders dan de tijdelijke aanduiding, aangezien wat in waarde wordt toegewezen bij het indienen als het als inhoud van het element zou worden verzonden, vrij gebruikelijk is om vul een formulier in met inhoud die uit de database wordt gehaald wanneer we een servertaal gebruiken.
In het volgende deel van de tutorial zullen we enkele praktische voorbeelden zien van het gebruik van sommige van deze attributen.
Bijwerken: Deel 2 van deze handleidingVond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
