Question

我有一个html文本框，如下所示：

 <div class="control-group">
     <label class="required">
         Enter stuff here
     </label>
     <input type="text" placeholder="Required Field" class="form-control" id="secid">
</div>

我在＆＃39; secid＆＃39;在与html文件关联的javascript文件中。我需要在运行中增加文本框的大小，即我写的文本越多，输入文本框就越大。有一些与此相关的问题，例如this和this，但没有一个非常明确。你能救我吗？

Answer 1

尝试

 <input  size="5" style="font-family:Courier"; onkeyup="Expand(this);">

 function Expand(obj){
  if (!obj.savesize) obj.savesize=obj.size;
  obj.size=Math.max(obj.savesize,obj.value.length);
 }

这将在更改时增加和减少文本框大小。

DEMO

Answer 2

试试这个

<input id="Test" size="2" type="text" onkeyup="Expand(this)"/>

和JavaScript一样

function Expand(obj) {
  obj.size = parseInt(obj.value.length);
}

<强> DEMO

如何通过输入增加文本框的大小？

2 个答案: