Indholdsfortegnelse
Et af de vigtigste elementer i et HTML -dokument er elementet input da det er den vigtigste strømkilde, vi har til brugeren, i denne vejledning vil vi se lidt mere i dybden, hvordan vi arbejder med dette element og de egenskaber, det har, samt de attributter, vi kan bruge fra HTML5.Indtast tekst
Det inputtekst, det er den mest grundlæggende form for inputelementet, det giver os mulighed for at fange alfanumerisk ren tekst og ethvert specialtegn, selvom input ikke er dårligt, nogle gange er vi nødt til at filtrere lidt mere for at få de data, vi virkelig har brug for.
Lad os se de særlige attributter, som vi kan bruge med dette element, når vi arbejder som en teksttype.
- dirname: Denne attribut er ikke ny for HTML5, men denne attribut giver os mulighed for at ændre retningen af tekstinput enten fra højre til venstre eller fra venstre til højre, hvilket vi normalt bruger på det vestlige sprog.
Kommentar:
Skriv kommentar
- liste: Denne attribut er ny i HTML5 og det giver os mulighed for at angive id for et element datalist Jeg kunne tildele værdier til dette element.
Hjemmeside:
- maxlængde: En anden gammel bekendt af HTML, Det er ikke nyt, men det er meget nyttigt, da det giver os mulighed for at begrænse det maksimale antal tegn, input kan acceptere, et eksempel er, når vi accepterer 3-bogstavskoder, placerer vi denne attribut med værdi 3, og når vi prøver at indtaste et fjerde bogstav er det ikke, jeg bare ville skrive.
- mønster: Nyt i HTML5 det giver os mulighed for at indtaste regulære udtryksmønstre, så vi kan tilføje et nyt valideringsniveau uden at bruge yderligere sprog.
Varenummer:
- pladsholder: Ny i HTML5, Det er et visuelt hjælpemiddel, der giver os mulighed for at indtaste en tekst, der vises i inputteksten og siger lidt hjælp til brugeren, for eksempel hvis en inputtekst er til indtastning af navn og efternavn, kunne vi placere pladsholder "Indtast for- og efternavn adskilt med mellemrum", selvfølgelig justering af stilarterne, så alt ser æstetisk korrekt ud.
Yam:
- Læs kun: Denne attribut er ikke ny i HTML5, den giver os mulighed for at gøre brugeren ude af stand til at indtaste data eller redigere indholdet i feltet, der har denne attribut.
- påkrævet: Ny i HTML5, Denne attribut giver os mulighed for at angive, at hvis input er tomt, formularen ikke skal indsendes endnu, og dermed tvinge den obligatoriske karakter af dens udfyldning, på denne måde hæver vi et andet valideringsniveau.
Email adresse:
- størrelse: Det hjælper os med at angive bredden på inputelementet, denne attribut er ikke ny, men den er meget vigtig, da den hjælper os med at give et bedre billede af den tekst, som brugeren skal indtaste, ud over at hjælpe os æstetisk med at skabe homogen inputfelter, for at kunne placere dem alle med en bredde større end den, der er bragt som standard.
- værdi: Det er ikke nyt i HTML5, denne attribut giver os mulighed for at placere værdier i en inputtekst, den er forskellig fra pladsholderen, da den værdi, der er tildelt ved indsendelse, hvis den ville blive sendt som indhold i elementet, ganske bruges til udfyld en formular med indhold, som den bringes fra databasen, når vi bruger et serversprog.
I den næste del af selvstudiet vil vi se nogle praktiske eksempler på, hvordan du bruger nogle af disse attributter.
Opdatering: Del 2 af denne vejledningKan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
