是否可以在輸入中包裝文本？

Question

不 - 我不想使用textarea。

我想將文本輸入設置爲基本看起來像textarea。因此，我希望它能夠破解文本而不是水平延伸。

爲什麼？我想禁止在用戶輸入換行符，我想避免實現JavaScript，它不允許返回，從粘貼的內容中刪除換行符和其他可能的黑客。

Answer 1

不可以將輸入中的文本作爲標準功能進行換行。

如果你設法破解它，那將是無效的HTML。

HTML5規範：

4.10.7.1.2 Text (type=text) state and Search state (type=search)

input的元素表示爲元素的值的一行純文本編輯 控制。

（重點煤礦）

Answer 2

首先，你可能想使用一個textarea反正 - input沒有爲此設計。

您仍然可以用CSS實現所需的效果。

input { 
 
    word-wrap: break-word; 
 
    word-break: break-word; 
 
    height: 50px; 
 
    width: 100px; 
 
}

<input type="text" value="This line wraps because it is quite long."/>

小提琴：https://jsfiddle.net/hfvga3cd/