如何在HTML表单中添加多行文本框替代单行输入框？

你需要把单行的 <input type="text"> 替换为 <textarea> 标签，这是HTML专门用于多行文本输入的控件，完全符合你需要大文本框的需求。

修改后的代码如下：

<div class="formField">
   <label for="contactDetails"> Details about your inquiry </label>
   <textarea 
      name="contactType2"
      id="contactDetails"
      rows="5"
      cols="50"
      required
   ></textarea>
</div>

关键说明： #

• rows：设置文本框默认显示的行数，比如rows="5"会显示5行高度的输入区域
• cols：设置文本框的默认宽度（按字符数计算）
• 修正了原代码里label的for属性和控件id不匹配的问题（原代码label指向contactType2，但input的id是contactType，现在统一为contactDetails，确保点击标签能聚焦到文本框）
• 保留了required属性，确保用户必须填写内容
• <textarea>不需要闭合的</input>标签，它的闭合标签是</textarea>

如果需要更美观的样式，还可以通过CSS调整它的宽度、高度、边框等样式，比如：

#contactDetails {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

内容的提问来源于stack exchange，提问作者HamHam