如何更改文本大小增加的文本框大小（高度）？ [复制]答案

【问题标题】：How to change textbox size(height) if text size increses? [duplicate]如何更改文本大小增加的文本框大小（高度）？ [复制]
【发布时间】：2017-08-29 06:41:00
【问题描述】：

我有值在 HTML 的输入文本框中显示。值为地址。如果地址字符更多，那么我想以输入文本框的值的形式显示整个文本。实际上它正确显示了该值。但我想在全文框中看到它。[这里，显示地址部分。我希望在此输入文本框中显示整个地址。

我的代码是这样的。

<tr>
<td class="tabth" style="border-bottom: 1px solid black;">Address</td> 
<td class="tabtd" style="border-bottom: 1px solid black;">
    <input type="text" style="height:50px; overflow: auto;" name="address" value="502, Venus Atlantis, Nr. Shell Petrol Pump, Anandnahar-Prahladnagar Road, Ahmedabad,Gujarat, India............kkkkkkkkkkkkkk...........">
<‌/td> 
<td>
<button type="submit" name="export" value="reg" class="btn btn-success pd">Save</button>
</td> 
</tr>

Here is image of my output

【问题讨论】：

在 HTML 中使用 <input type="text"> 是不可能的。所以你必须使用<textarea>。
在发布您的问题之前，您必须检查是否有任何现有问题正在解决您的问题。您在这里发布了一个重复的问题。
对于同样的问题很抱歉@Chirag

标签： html css textbox

【解决方案1】：

您可以使用textarea 像这样显示或获取您的长文本值

<textarea  cols="40" rows="5" style="resize:none" name="address">
"502, Venus Atlantis, Nr. Shell Petrol Pump, Anandnahar-Prahladnagar Road, Ahmedabad,Gujarat, India"
</textarea>

Cols 将改变输入的水平，Rows 将改变输入的垂直长度。如果您不想实现输入而是输出元素而不是这个，您也可以使用ReadOnly=true。

【讨论】：

【解决方案2】：

如果想让文字换行，需要使用textarea（输入文字只允许一行文字）

&lt;textarea name="Text1" cols="40" rows="5"&gt;&lt;/textarea&gt;

【讨论】：