如何在HTML中定义输入文本框的大小？

Question

这是一个HTML输入文本框:

<input type="text" id="text" name="text_name" />

有哪些选项可以定义盒子的大小？

如何在CSS中实现？

Answer 1

你可以设置它width:

<input type="text" id="text" name="text_name" style="width: 300px;" />

甚至更好地定义一个类:

<input type="text" id="text" name="text_name" class="mytext" />

并在单独的CSS文件中应用必要的样式:

.mytext {
    width: 300px;
}

如果要限制用户可以在此文本框中键入的字符数,可以使用以下maxlength属性:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

Answer 2

该size属性也有效:

<input size="25" type="text">

Answer 3

试试这个

<input type="text" style="font-size:18pt;height:420px;width:200px;">

要不然

 <input type="text" id="txtbox">

与CSS:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }