CSS 弹性文本框

【问题标题】：CSS Elastic textboxCSS 弹性文本框
【发布时间】：2012-03-08 13:09:27
【问题描述】：

我的要求是这样的。我需要一个宽度为 5px 的文本框。当我在上面输入一些东西时，宽度应该会增加。是否可以只使用CSS而不使用js

thnx

【问题讨论】：

标签： css textbox elasticlayout

【解决方案1】：

ATM 这仅通过 CSS 是不可能的。

要实现这一点，您必须在每次击键时检查文本字段的当前内容宽度（使用它的onKeyUp 事件），然后相应地更改文本框的宽度。

【讨论】：

【解决方案2】：

嗯，我只知道这样一个..

<script language="javascript">
function expand_textbox(s)
{
    s.size = s.size + 1;
}
</script>

<input type="text" size="20" name=txt onkeyup="expand_textbox(this)" >

试试吧..

【讨论】：

请注意，如果您删除一些文本然后重新开始写作，那将不会很好地工作......