Bootstrap | Les bare innspill og textarea

Ofte, for å registrere deg for enhver søknad, må vi gi noen legitimasjon til søknaden. Når du lager profilen, kan du oppleve at hovedopplysningene som navn, e -post og passord allerede er vist. Disse legitimasjonene leses bare og kan ikke endres.

Ved hjelp av bootstrap, "”Og“”Kan leses bare ved å bruke"readonly" Egenskap. Den leste inngangsteksten kan ikke endres. Imidlertid kan det tabbet og fremheves for å kopiere innholdet.

Dette innlegget vil guide deg:

• Hvordan lage bare leseinngangsfelt i bootstrap?
• Hvordan lage leset bare TextArea -felt i Bootstrap?

Hvordan lage bare leseinngangsfelt i bootstrap?

For å lage en tekst som bare leses, "readonly”Attributt kan brukes. Før vi fortsetter videre, oppretter vi en HTML -fil for demonstrasjonen.

Forutsetning: Lag en HTML og legg til inngangsfelt

Følg instruksjonene nedenfor for å opprette en HTML -fil:

• Lage en "”Element og tilordne det en klasse”P-4”. Denne klassen legger til polstringsplass på alle sider av elementet.
• Deretter legger du til “”Element for å nevne bildeteksten til inngangselementet. Det er "til”Attributt må samsvare med“id”Av“ ”-merket.
• For å legge til et tekstinngangsfelt, plasser "”Tag med“ Type ”,“ ID ”,“ Class ”,“ Verdi ”og“ Readonly ”attributter.
• “type”Attributt med verdien”tekst”Angir tekstfeltet for tekstinngang.
• “id”Definerer en unik ID for elementet.
• “klasse”Attributt er satt med bootstrap -klassen”formkontroll”. Denne klassen gir en full bredde til elementene for å gjøre dem responsive.
• “verdi”Definerer verdien på tekstinngangsfeltet.
• “readonly”Attributt lager teksten skrivebeskyttet. Det indikerer at den ikke kan redigeres eller endres.

Html

Skriv inn navnet ditt

Skriv inn din email

Produksjon

Hvordan lage bare lesing?

“readonly”Attributt kan spesifiseres i“”Element for å gjøre det readonly. Dessuten lager HTML “" -koden en multi-linjes tekstinngangskontroll.

For en bedre forståelse, sjekk ut den gitte koden og relevant utdata:

Legge til notat
Utdanning er nøkkelen til suksess.

Produksjon

Det handlet om å lage Readonly “” og “” elementer i Bootstrap.

Konklusjon

“readonly”Attributt brukes til å lage“”Og“”Elementer leser bare. For å gjøre inngangsfeltet bare lest, plasseres dette attributtet i "" elementets startkode. For å gjøre at multi-linjen tekstinngangskontroll bare leses, vil imidlertid "Readonly" -attributtet bli plassert i startkoden til "" -elementet. Dette innlegget har veiledet relatert til prosedyren for å gjøre inngangs- og tekstområdet readonly.