Innholdsfortegnelse
Et av de viktigste elementene i et HTML -dokument er elementet input siden det er hovedstrømkilden vi har for brukeren, vil vi i denne opplæringen se litt mer i dybden hvordan vi arbeider med dette elementet og egenskapene det har, samt attributtene vi kan bruke fra HTML5.Skriv inn tekst
De inn tekst, det er den mest grunnleggende formen for input -elementet, det lar oss fange alfanumerisk ren tekst og et hvilket som helst spesialtegn, selv om input ikke er dårlig, noen ganger må vi filtrere litt mer for å skaffe dataene vi virkelig trenger.
La oss se de spesielle attributtene vi kan bruke med dette elementet når vi jobber som en teksttype.
- dirname: Dette attributtet er ikke nytt for HTML5, men denne egenskapen lar oss endre retningen på tekstinnmatingen enten fra høyre til venstre eller fra venstre til høyre, noe vi vanligvis bruker på det vestlige språket.
Kommentar:
post Kommentar
- liste: Dette attributtet er nytt i HTML5 og det gir oss muligheten til å spesifisere id for et element datalist Jeg kunne tilordne verdier til dette elementet.
Hjemmeside:
- maks lengde: Nok en gammel bekjent av HTML, Det er ikke nytt, men det er veldig nyttig siden det lar oss begrense det maksimale antallet tegn som inngangen godtar. Et eksempel er når vi godtar 3-bokstavskoder, plasserer vi dette attributtet med verdi 3 og når vi prøver å skrive inn en fjerde bokstav det er ikke jeg ville bare skrive.
- mønster: Nytt i HTML5 gjør det mulig for oss å skrive inn vanlige uttrykksmønstre slik at vi kan legge til et nytt valideringsnivå uten å bruke flere språk.
Delenummer:
- plassholder: Ny i HTML5, Det er et visuelt hjelpemiddel som lar oss skrive inn en tekst som vil vises i inndatateksten og si litt hjelp for brukeren, for eksempel hvis en inndatatekst er for oppføring av navn og etternavn, kan vi plassere plassholder "Skriv inn fornavn og etternavn atskilt med mellomrom", selvfølgelig justere stilene slik at alt ser estetisk riktig ut.
Yam:
- bare: Dette attributtet er ikke nytt i HTML5, det lar oss gjøre at brukeren ikke kan legge inn data eller redigere innholdet i feltet som har dette attributtet.
- nødvendig: Ny i HTML5, Denne egenskapen lar oss angi at hvis innspillet er tomt, må skjemaet ikke sendes inn enda, og dermed tvinge det obligatoriske fyllet, på denne måten hever vi et annet valideringsnivå.
Epostadresse:
- størrelse: Det hjelper oss å spesifisere bredden på inngangselementet, denne attributten er ikke ny, men den er veldig viktig siden den hjelper oss med å gi et bedre bilde av teksten som brukeren må skrive inn, i tillegg til å hjelpe oss estetisk med å skape homogene inndatafelt, for å kunne plassere dem alle med en bredde som er større enn den som er brakt som standard.
- verdi: Det er ikke nytt i HTML5, dette attributtet lar oss plassere verdier i en inputtekst, det er forskjellig fra plassholderen siden det som er i verdi som tildeles ved innsending hvis det ville bli sendt som innhold i elementet, er ganske vant til fyll ut et skjema med innhold som det hentes fra databasen når vi bruker et serverspråk.
I den neste delen av opplæringen vil vi se noen praktiske eksempler på hvordan du bruker noen av disse attributtene.
Oppdater: Del 2 av denne opplæringenLikte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
