是否可以在输入中包装文本?

时间:2016-02-14 01:26:39

标签: html css html5

不 - 我不想使用textarea。

我想将文本输入样式设置为基本上看起来像textarea。因此,我希望它能够打破文本而不是水平延伸。

为什么呢?我想禁止用户输入中的换行符,我想避免实现不允许返回的javascript,从粘贴的内容和其他可能的黑客中删除换行符。

2 个答案:

答案 0 :(得分:5)

没有。无法将输入中的文本作为标准功能进行换行。

如果你设法破解它,那将是无效的HTML。

HTML5规范:

  

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

     

canvas.addEventListener("keydown", function(event){ console.log("A"); }); 元素表示 一行 纯文本编辑   控制元素的价值。

     

(强调我的)

答案 1 :(得分:-3)

首先,您可能想要使用input - input { word-wrap: break-word; word-break: break-word; height: 50px; width: 100px; }并非专为此设计。

您仍然可以使用css实现所需的效果。



<input type="text" value="This line wraps because it is quite long."/>
&#13;
eclipse-luna -> /something/something/eclipse.luna/eclipse.luna
&#13;
&#13;
&#13;

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