HTML5, inputelement - del 2

Allerede i den første del af denne vejledning definerede vi de attributter, som vi kan arbejde med, vi så, at vi har nogle nye til HTML5 og andre, der ikke er det, men når det kommer til at bygge solide felter, der hjælper os i de væsentlige processer på webstedet, er det, når kombinationen af ​​disse og den korrekte anvendelse af hver enkelt hjælper os med at indsamle de bedst mulige data.
Indstilling af et felts størrelse
Som vi har set, har vi to attributter, der direkte påvirker størrelsen af ​​et felt, disse er størrelse Y maxlængde, den ene regulerer feltets visuelle amplitude og den anden mængden af ​​tekst, som feltet rent faktisk kan modtage.
Lad os se et eksempel ved hjælp af begge attributter:

 Eksempel
Yam:

By:
Frugt:
Send stemme 

I dette eksempel ser vi, hvordan det første felt er angivet a maxlængdeKun med dette fortæller vi browseren, at den kun kan acceptere 10 tegn, men den kan tildele standardbredden, i det andet felt angiver vi størrelse Med hvad vi fortæller det, hvor bredt det skal være, men vi begrænser ikke tekstindtastningen, og i det tredje anvender vi begge betingelser, lad os se, hvordan det fungerer i browseren.

Værdibrug og pladsholder
Efter at have set forskellen mellem disse to felter, vil vi i dette eksempel effektivt demonstrere, hvordan vi anvender dem på en formular, lad os se, hvordan vi bruger dem i følgende kode.

 Eksempel
Yam:
By:
Frugt:
Send stemme 

Som vi kan se i de to første felter, angiver pladsholderen en hjælp til, hvad brugeren skal indtaste, denne værdi, som pladsholderen indeholder, er ikke værdien af ​​inputfeltet, så hvis vi indsender disse felter, kommer de tomme, i stedet for tredje felt Det har noget, der allerede er placeret i værdiattributten, dette hvis det ville blive bestået, når det sendes til formularen.
Lad os se, hvordan browseren viser os dette

Opret skrivebeskyttede felter
Nogle gange skal vi arbejde med skrivebeskyttede felter, enten fordi værdien ikke bør ændres af brugeren, eller den kun er informativ. Det kan også være tilfældet, at det er resultatet af en tidligere filtrering af brugeren, og kun denne værdi kan ses, for dette har vi to muligheder, selvom de ser ens ud, er helt forskellige.
Vi havde allerede set attributten Læs kun og vi ved, at det er sådan, at feltet ikke kan ændres, vi har også attributten handicappet, udfører samme funktion som Læs kun, men når du gør Indsend alle felter handicappet de er ikke indsendt, så det er som om det ikke findes i formularen.
Lad os se ovenstående forklaret med et praktisk eksempel.

 Eksempel
Yam:
By:
Frugt:
Send stemme 

Vi kan se, at det første felt er deaktiveret og det andet i readonly, når deaktiveret vises i browseren, vises det med en grå farve, normalt forbundet med ikke at aktivere, mens readonly ses som et normalt felt, selvom hvis vi prøver for at skrive til nogen, vil ingen lade os indtaste tekst.
Lad os se, hvordan eksemplet er:

Med dette afslutter vi denne anden del af selvstudiet, vi er nu i stand til at forbedre vores formularer ved hjælp af grundlæggende valideringer af størrelse og mængde tekst og også kontrollere, hvad brugeren kan ændre eller ej, udover at kunne vise hjælp i felterne så han har en idé om, at du skal eller ikke skal komme ind.Kan 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