text box input height

Question

I made the size of the box bigger  it look bigger int the dream weaver design view but does not seem to work in the browsers    lt input type  text    height  60      name   item  align  left    gt

User · Answer

Just use CSS to increase it s height    lt input type  text  style  height 30px   name  item  align  left    gt    Or  often times  you want to increase it s height by using padding instead of specifying an exact height    lt input type  text  style  padding  5px   name  item  align  left    gt

User · Answer

I came here looking for making an input that s actually multiple lines  Turns out I didn t want an input  I wanted a textarea  You can set height or line-height as other answers specify  but it ll still just be one line of a textbox  If you want actual multiple lines  use a textarea instead  The following is an example of a 3-row textarea with a width of 500px  should be a good part of the page  not necessary to set this and will have to change it based on your requirements     lt textarea name  roleExplanation  style  width  500px  rows  3  gt This role is for facility managers and holds the highest permissions in the application  lt  textarea gt

User · Answer

Use CSS    lt input type  text  class  bigText   name   item  align  left    gt    bigText       height 30px      Dreamweaver is a poor testing tool  It is not a browser

User · Answer

You can define a class or id for input fields    Or  input       line-height  20px      Hope this helps you

User · Answer

If you want to increase the height of the input field  you can specify line-height css property for the input field   input       line-height  2em     2em is  2   default line height

[html] text box input height

Examples related to html

Examples related to css