如果文本大小增加,如何更改文本框大小(高度)?

时间:2017-04-04 07:29:19

标签: html css textbox

我有价值在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

2 个答案:

答案 0 :(得分:2)

您可以使用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会改变horizantal,而Rows会改变输入的垂直长度。如果你不想实现输入而是输出元素而不是这个,你可以使用ReadOnly=true

答案 1 :(得分:1)

如果您希望文本分成新行,则需要使用textarea(输入文本只允许一行文本)

<textarea name="Text1" cols="40" rows="5"></textarea>