Text field input height

Question

I made the box size bigger. it looks more in dream design design, but doesn't seem to work in browsers.

<input type="text" **height="60%"** name=" item" align="left" /> 

Answer 1

If you want to increase the height of the input field, you can specify the line-height css property for the input field.

 input { line-height: 2em; // 2em is (2 * default line height) } 

Answer 2

You can define a class or id for input fields.

or

 input { line-height: 20px; } 

Hope this helps you.

Answer 3

Use CSS:

 <input type="text" class="bigText" name=" item" align="left" /> .bigText { height:30px; } 

Dreamweaver is a bad testing tool. This is not a browser.

Answer 4

Just use CSS to increase the height:

 <input type="text" style="height:30px;" name="item" align="left" /> 

Or, often, you want to increase its height using a space instead of specifying the exact height:

 <input type="text" style="padding: 5px;" name="item" align="left" /> 

Answer 5

I came here to find an input, actually a few lines. It turns out I don't need an input, I need a text area. You can set the height or height of the line as other answers indicate, but it will still be only one line of the text field. If you need the actual multiple lines, use the text area instead. Below is an example of a three-line text field with a width of 500 pixels (should be a good part of the page, you do not need to install this and you will have to change it based on your requirements).

 <textarea name="roleExplanation" style="width: 500px" rows="3">This role is for facility managers and holds the highest permissions in the application.</textarea>