javascript - 如何在多行文本的文本区域中添加换行符

Question

我使用的文本区域宽度约为 300 像素，有 2 行和最大长度。

如果文本有两行长，我在 $_POST 变量中没有收到任何换行符(<br/> 或\n)。

textarea $_POST 的 PHP var_dump 输出:

string(35) "test test test test test test test "

HTML:

<textarea name="text-1" id="text-1" rows="2" maxlength="35">Click here to enter text</textarea>

CSS:

#text-1, #text-2 {
    background: none;
    border: none;
    width: 100%;
    max-width: 228px;
    height: 100%;
    word-wrap: break-word;
    text-align: center;
    resize: none;
    font: bold 21px 'Impact', sans-serif;
    color: #fff;
    text-shadow:  2px  2px 2px black,
                  2px -2px 2px black,
                 -2px  2px 2px black,
                 -2px -2px 2px black;
}

我想根据第二行的自然断点所在的位置来实现此输出:

string(35) "test test test test test\n test test "

如果可能的话有什么想法吗？

Answer 1

你可以添加属性wrap="hard"，它会在它换行的地方发送一个换行符:

<textarea wrap="hard" name="text-1" id="text-1" rows="2" maxlength="35">Click here to enter text</textarea>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

编辑:

the cols attribute must be specified.