javascript - HTML 文本输入大小

Question

我有一个使用 javascript 动态创建的文本输入，我也在其中放置一些带有 javascript 的文本。 我想让文本输入大小可变，具体取决于文本长度，最大宽度为 70%

为此，我正在使用:

'<input type="text" style="max-width:70%" name="affiliation"
 id="affiliation'+affiliation_id+'" value="'+article_affiliations[i].name+'"
 size='+article_affiliations[i].name.length+'/>'

当文本长度超过 68% 时一切正常，但如果不是，文本输入区域小于文本大小。

例如，当文本大小为118时，textarea将只有106个字符长度，我不知道为什么。我们将不胜感激任何帮助和建议。

谢谢。

Answer 1

Javascript:

function incSize(event) {
   var size = event.value.length; 
   event.setAttribute("size", size);
   event.setAttribute("style", "width:auto")    
}

HTML:

<input type="text" name="affiliation" onkeyup="incSize(this)" size="1" />​

DEMO