如何在HTML中定義輸入文本框的大小？

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

什麼來定義框的大小選擇？

這怎麼可以在CSS中實現？

2011-09-25 osos

可能重複：//計算器.com/questions/2125509/how-do-i-set-the-size-of-html-text-box） – Tony

在某些情況下只設置'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" />

2011-09-25 11:49:27

好的，謝謝你的幫助 – osos

也：您可以根據「em」（而不是「px」）更改寬度，然後尺寸與文本框的字體大小成比例 –

的size屬性的工作原理，以及：

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

2013-07-20 14:11:53 fuzzyanalysis

試試這個

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

2015-09-09 05:36:21

您的回答沒有增加任何新內容，您應該在css中指定單位（px，pt，％v等） –

嗯 - font-size（style =「font-size：18pt」）是我一直在尋找的那個也增加了盒子的大小。雖然沒有明確要求OP，但它也增加了價值。 – Wolf5

您可以通過內嵌樣式設置在像素寬度：

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

還可以設置用可見字符長度寬度：

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

2016-11-13 12:35:43

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

例如任意數量：

<input size="50">

[我設置的HTML文本框的大小，怎麼辦？（HTTP的

2018-02-01 19:48:15

回答