如何在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>