Hvordan for å angi bredde på tekstboksar i HTML, CSS og JavaScript
I dette innlegget, vi vil se hvordan du kan angi bredden av tekstboksar i HTML, CSS og JavaScript.
Angi bredde i HTML
I HTML, kan du bruke width attributtet for å angi bredden av et element.,
label for=»name»>Enter a value:</label>
Edit in JSFiddle
Alternatively, you can also use the size attribute to define the width of the <input>.,ody>
Edit in JSFiddle
Set width with CSS
It is good practice to separate CSS from HTML markup., Ideen er å definere en klasse for å angi width CSS-egenskapen.
Rediger i JSFiddle
du kan også bruke CSS selector av tekstboksar for å sette width CSS-egenskapen.
Rediger i JSFiddle
Angi bredde med JavaScript
Med JavaScript, kan du bruke setAttribute() funksjon for å angi verdien til size attributtet på input tekst-boksen.
Rediger i JSFiddle
Du kan også dynamisk endre bredden av en tekstboks for å matche med lengden av input., This can be easily done by setting the size attribute on key events.
Edit in JSFiddle
(21 votes, average: 5.00 out of 5)
Thanks for reading.