HTML5, Input Element - Del 2

Allerede i den første delen av denne opplæringen definerte vi attributtene vi kan jobbe med, vi så at vi har noen nye for HTML5 og andre som ikke er det, men når det gjelder å bygge solide felt som hjelper oss i de essensielle prosessene på nettstedet, er det når kombinasjonen av disse og riktig bruk av hver enkelt vil hjelpe oss med å samle inn best mulig data.
Angi størrelsen på et felt
Som vi har sett, har vi to attributter som direkte påvirker størrelsen på et felt, dette er størrelse Y maks lengde, den ene regulerer den visuelle amplituden til feltet og den andre mengden tekst som feltet faktisk kan motta.
La oss se et eksempel ved å bruke begge attributtene:

 Eksempel
Yam:

By:
Frukt:
Send inn stemme 

I dette eksemplet ser vi hvordan det første feltet er spesifisert a maks lengdeBare med dette forteller vi nettleseren at den bare kan godta 10 tegn, men den kan tilordne standardbredden, i det andre feltet spesifiserer vi størrelse Med det vi forteller det hvor bredt det skal være, men vi begrenser ikke tekstinndata, og i det tredje bruker vi begge betingelsene, la oss se hvordan det fungerer i nettleseren.

Bruk av verdi og plassholder
Etter å ha sett forskjellen mellom disse to feltene, i dette eksemplet skal vi effektivt demonstrere hvordan du bruker dem på et skjema, la oss se hvordan vi bruker dem i følgende kode.

 Eksempel
Yam:
By:
Frukt:
Send inn stemme 

Som vi kan se i de to første feltene, indikerer plassholderen en hjelp for hva brukeren må skrive inn. Denne verdien som plassholderen inneholder er ikke verdien til inndatafeltet, så hvis vi sender inn disse feltene kommer de tomme, i stedet vil tredje felt Det har noe som allerede er plassert i verdiattributtet, dette hvis det ville bli bestått når det sendes til skjemaet.
La oss se hvordan nettleseren viser oss dette

Lag skrivebeskyttede felt
Noen ganger må vi jobbe med skrivebeskyttede felt, enten fordi verdien ikke skal endres av brukeren eller at den bare er informativ. Det kan også være slik at det er et resultat av en tidligere filtrering av brukeren, og bare denne verdien kan sees, for dette har vi to alternativer som selv om de virker like er helt forskjellige.
Vi hadde allerede sett attributtet bare lese og vi vet at det er slik at feltet ikke kan endres, vi har også attributtet funksjonshemmet, har samme funksjon som bare lese, men når du gjør sende inn alle felt funksjonshemmet de er ikke sendt inn, så det er som om det ikke finnes i skjemaet.
La oss se det ovennevnte forklart med et praktisk eksempel.

 Eksempel
Yam:
By:
Frukt:
Send inn stemme 

Vi kan se at det første feltet er deaktivert og det andre i skrivebeskyttet, når det er deaktivert i nettleseren, vises det med en grå farge, vanligvis forbundet med ikke å aktivere, mens det bare vises som et normalt felt, selv om vi prøver for å skrive til noen, vil ingen la oss skrive inn tekst.
La oss se hvordan eksemplet er:

Med dette fullfører vi denne andre delen av opplæringen, vi kan nå forbedre skjemaene våre ved hjelp av grunnleggende valideringer av størrelse og mengde tekst og også kontrollere hva brukeren kan endre eller ikke, i tillegg til å kunne vise hjelp i feltene slik at han har en ide om at du bør eller ikke skal gå inn.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng