如何调整输入字段的大小

Question

我正在尝试使输入字段可调整大小，但我找到的代码不再有效。

#mededeling 
{
resize: both;
}

有人知道最新的工作代码吗？

Answer 1

使用textarea而不是输入怎么样？ 1row height textarea看起来就像输入类型[text]，可以以表格形式提交：

textarea name="" id="" cols="30" rows="1"

Answer 2

<style>
    input {
        resize: horizontal;
        width: 200px;
    }

    input:active {
        width: auto;   
    }

    input:focus {
        min-width: 200px;
    }
</style>