Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how do you increase the height of an html textbox

Tags:

html

textbox

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

like image 278
mrblah Avatar asked Jul 20 '09 10:07

mrblah


People also ask

How do I increase the size of a text box?

Resize a text box Select the text box. Select one of the handles and drag until the text box is the size you want.

How do you adjust the height of an input box?

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

How do you increase the width of a TextBox in HTML?

The size attribute specifies the visible width, in characters, of an <input> element. Note: The size attribute works with the following input types: text, search, tel, url, email, and password. Tip: To specify the maximum number of characters allowed in the <input> element, use the maxlength attribute.


1 Answers

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 <style> tag #textboxid {     height:200px;     font-size:14pt; }  <!--in your HTML--> <input id="textboxid" ...> 

Or

<input style="height:200px;font-size:14pt;" .....> 
like image 104
Paul Dixon Avatar answered Sep 30 '22 16:09

Paul Dixon