How do I make the text box bigger in HTML/CSS?

Question

I am not sure where you edit the code for my question so I put both (sorry if that confuses anyone)

In the top right hand corner there are two text boxes, but I'm not sure how to make them bigger in height. Please could you help me?

Here is the link to my site so far: http://jsfiddle.net/xiiJaMiiE/4UUgg/1/embedded/result/

#signin 
{
position:absolute;
min-width:22%;
height 20%;
top:0%;
right:0%;
z-index:10;
background-color:#CCC;
border: 1px solid grey;

}
#signin input {
background-color:#FFF  
}

Sorry to be a pain, but also how do I add text into it? but when the user clicks in the box is disappears? Thanks for your help!

Answer 1

According to this answer, here is what it says:

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;" .....>