How do I set the size of an HTML text box?

Question

How do I set the size of an HTML text box?

Answer 1

Your textbox code:

<input type="text" class="textboxclass" />

Your CSS code:

input[type="text"] {
height: 10px;
width: 80px;
}

or

.textboxclass {
height: 10px;
width: 80px;
}

So, first you select your element with attributes (look at first example) or classes(look last example). Later, you assign height and width values to your element.

Answer 2

Elements can be sized with the height and width attributes.

Answer 3

Just use:

textarea {
    width: 200px;
}

or

input[type="text"] {
    width: 200px;
}

Depending on what you mean by 'textbox'.

Answer 4

You can make the dependent input width versus container width.

.container {
   width: 360px;
}

.container input {
   width: 100%;
}

Answer 5

input[type="text"]
{
    width:200px
}