编辑数据库输入时断开文本框上的行

Question

我有一个工作的php crud，现在我需要在更新页面中给出一些格式的文本框，因此用户可以阅读/编辑很长的描述。我知道我只能使用文本框来编辑函数（textareas不会从数据库中呈现文本），所以我需要一些表现为多行框的文本框。

我拥有的是这个

<input type="text" class="textbox" name='description' value="<?php echo htmlspecialchars($description, ENT_QUOTES);  ?>">

这会将数据库中的内容加载到文本框中，但会显示一长串文本（最多5000个字符）。

首先尝试了这个CSS，但它会在字母之间的任何地方打破，无论如何它只适用于Mac上的Safari。

.textbox{
    width: 300px;
    height: 200px;
    resize: none;
    word-wrap: break-word;
    word-break: break-word;
}

与其他人一起

.textbox{
    width: 300px;
    height: 200px;
    resize: none;
    word-wrap: normal;
    word-break: normal;
}

但什么都不做......所以我可能会用javascript / jquery或其他解决方案寻找新的想法。

任何想法......

Answer 1

正如其他人所评论的那样，您所描述的行为正是TextArea的行为。这是一个使用上面描述的样式的工作示例，保留在提供的PHP代码中。

＆＃13;

＆＃13;

.TextArea {
  height: 200px;
  width: 300px;
}

＆＃13;

<textarea class="TextArea" name='description'>
  <?php echo htmlspecialchars($description, ENT_QUOTES);  ?>
</textarea>

＆＃13;

＆＃13;

＆＃13;

编辑：文本区域应使用内部内容，而不是使用最初复制的值属性。我很久没有使用PHP了，但是我没有看到插入错误。