Html 表单输入大小

如何更改输入框，使其在特定长度后生成新行，同时也调整其大小

<form> 
                                        <input
                                         className="form message"
                                         onBlur={handleBlur}
                                         placeholder="MESSAGE"
                                         onChange={handleChange}
                                         name="message"
                                         value={values.message}
                                          />
</form>

对于多行输入，应使用texteEAS。如果要动态更改其高度，可能只需根据内容长度增加

行

属性。

您应该使用

。实际上，

字段只能是一行

您不需要修改文本区域的高度。您可以在下面轻松完成此操作：

函数更新高度（元素）{
element.style.height=“1px”；
element.style.height=（element.scrollHeight）+“px”；
}

textarea{
宽度：90%；
保证金：自动；
}

---

使用CSS设置

宽度

值，可能与同一元素的

字体大小

值成比例。使用

rem

或

em

大小单位。当我说react Js时，我只是指JSX语言，因为它与html不完全相同，谢谢