how do you increase the height of an html textbox

Question

How do you increase the height of an textbox   along with its font size

User · Answer

With inline style    lt input type  text  style  font-size  18pt  height  40px  width 280px    gt   or with apart CSS   HTML    lt input type  text  id  txtbox  gt    CSS    txtbox       font-size  18pt      height  42px      width   300px

User · Answer

I m assuming from the way you worded the question that you want to change the size after the page has rendered   In Javascript  you can manipulate DOM CSS properties  for example   document getElementById  textboxid   style height  200px   document getElementById  textboxid   style fontSize  14pt     If you simply want to specify the height and font size  use CSS or style attributes  e g     in your CSS file or  lt style gt  tag  textboxid       height 200px      font-size 14pt      lt  --in your HTML-- gt   lt input id  textboxid      gt    Or   lt input style  height 200px font-size 14pt         gt

User · Answer

Don t the height and font-size CSS properties work for you

User · Answer

lt input type  text  style  font-size xxpt height xxpx  gt    Just replace  xx  with whatever values you wish

User · Answer

Use CSS    lt html gt   lt head gt   lt style gt   Large       font-size  16pt      height  50px     lt  style gt   lt body gt   lt input type  text  class  Large  gt   lt  body gt   lt  html gt

User · Answer

Note that if you want a multi line text box you have to use a  lt textarea gt  instead of an  lt input type  text  gt

User · Answer

If you want multiple lines consider this    lt textarea rows  2  gt  lt  textarea gt    Specify rows as needed

User · Answer

Increasing the font size on a text box will usually expand its size automatically    lt input type  text  style  font-size 16pt   gt    If you want to set a height that is not proportional to the font size  I would recommend using something like the following  This prevents browsers like IE from rendering the text inside at the top rather than vertically centered    form-text      padding 15px 0

[html] how do you increase the height of an html textbox

Examples related to html

Examples related to textbox