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

问题描述:

下面是一个HTML文本输入框:如何在HTML中定义输入文本框的大小?

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

什么来定义框的大小选择?

这怎么可以在CSS中实现?

+0

可能重复://计算器.com/questions/2125509/how-do-i-set-the-size-of-html-text-box) – Tony

+0

在某些情况下只设置'max-width'就足够了 –

您可以设置其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" /> 
+0

好的,谢谢你的帮助 – osos

+8

也:您可以根据“em”(而不是“px”)更改宽度,然后尺寸与文本框的字体大小成比例 –

size属性的工作原理,以及:

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

试试这个

<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; 
    } 
+1

您的回答没有增加任何新内容,您应该在css中指定单位(px,pt,%v等) –

+1

嗯 - font-size(style =“font-size:18pt”)是我一直在寻找的那个也增加了盒子的大小。虽然没有明确要求OP,但它也增加了价值。 – Wolf5

您可以通过内嵌样式设置在像素宽度:

<input type="text" name="text" style="width:195px;">

还可以设置用可见字符长度宽度:

<input type="text" name="text" size="35" />

最酷方法是将Size = n添加到input字段。 n是你想设置

例如任意数量:

<input size="50"> 

example of wide input

[我设置的HTML文本框的大小,怎么办?(HTTP的