通过赋予word-break: break-word，可以使文本输入多行;属性。(仅在Chrome中测试)

使用<div contenteditable="true">(支持良好)和stored to <input type="hidden">。

HTML:

<div id="multilineinput" contenteditable="true"></div>
<input type="hidden" id="detailsfield" name="detailsfield">

jQuery:

$("#multilineinput").on('keyup',function(e) {   
    $("#detailsfield").val($(this).text()); //store content to input[type=hidden]
});
//optional - one line but wrap it
$("#multilineinput").on('keypress',function(e) {    
    if(e.which == 13) { //on enter
        e.preventDefault(); //disallow newlines     
        // here comes your code to submit
    }
});

你不能。在编写本文时，唯一被设计为多行的HTML表单元素是<textarea>。

检查:

http://www.w3.org/TR/html401/interact/forms.html#h-17.7

TEXTAREA元素创建了一个 多行文本输入控件

你应该使用textarea来支持多行输入。

<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>

如果您不需要编辑它，您可以使用

< span >文本在这里< / span >

它将随着文本展开。