在編輯數據庫輸入時在文本框中出現斷線

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代碼中。

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

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

編輯：而不是使用值屬性最初被複制，文本區域應使用內部內容。我很久沒有使用PHP了，但是我沒有看到插入錯誤。