无法使用resize调整窗体大小

Question

我希望一个输入可以拖动调整大小，但对我的输入不起作用。我试着按了一下按钮，看看它是否有效。(这是一个vue.JS页面(

<div class="directioncolumn">
<label for="description">Message*</label>
<input class="message" id="message" type="text" required />
</div>

.message {
border: 2px solid;
padding: 20px; 
width: 300px;
resize: both;
overflow: auto;
resize: both;
max-width: 100%;
}

Answer 1

<input type="text">不意味着有多行。

如果你想调整它的大小，你必须使用<textarea>:

<input type="text" placeholder="Not resizable"></input><br>
<textarea>Resizable</textarea>