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

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

它将随着文本展开。

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

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

您需要使用文本区域来获得多行处理。

<textarea name="Text1" cols="40" rows="5"></textarea>

如果你正在使用React，你可以使用第三方UI库MUI。它有一个自定义的私有<Input>元素，带有多行选项。

正如LSE注释的那样，最终它被呈现为<textarea>。

  <FormControl>
    <InputLabel htmlFor="textContract">{`textContract`}</InputLabel>
    <Input
      id="textContract"
      multiline
      rows="30"
      type="text"
      value={props.textContract}
      onChange={() => {}}
    />
  </FormControl>

https://material-ui.com/components/text-fields/#multiline

使用<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
    }
});