如何在html中创建多行类型的文本框？

Question

<input class="FormElement" name="term" id="term"  type="text"> 

我应该对此文本框进行哪些修改以使其成为多行，而无需修改代码中的任何其他内容，例如读取其值。

我以前用javascript读取输入，那也应该改变什么？

var $term = $("textarea#term").val(); 

Answer 1

您需要<textarea>具有相同的name，因此请将其替换为：

<input class="FormElement" name="term" id="term" type="text"> 

有了这个：

<textarea class="FormElement" name="term" id="term" cols="40" rows="4"></textarea>

rows和cols参数分别是宽度/高度...或使用CSS样式指定大小，如下所示：

<textarea class="FormElement" name="term" id="term" style="width: 200px; height: 40px;"></textarea>