如何设置多行输入的文本框

设置多行输入的文本框通常是在HTML和CSS中创建一个多行文本区域（textarea），JavaScript可以进一步添加交互功能。以下是一个基本步骤：

1. HTML部分：

<textarea id="multiLineInput" rows="4" cols="50" placeholder="请输入多行文字..."></textarea>

这里的`rows`属性定义了文本框的高度，每行有多少行；`cols`属性定义了文本框的宽度。

2. CSS部分（可选）：
你可以通过CSS调整样式，如设置最大长度、边框等：

#multiLineInput {
  resize: both; /* 允许用户调整大小 */
  border: 1px solid #ccc;
  box-sizing: border-box;
}

3. JavaScript交互（可选）：
如果你需要获取用户的输入并处理，可以这样做：

const textarea = document.getElementById('multiLineInput');
textarea.addEventListener('input', function() {
  console.log(this.value); // 获取当前输入内容
});