值属性中的新行 - IE11答案

【问题标题】：New lines in value attribute - IE11值属性中的新行 - IE11
【发布时间】：2014-11-11 15:30:28
【问题描述】：

对于一个非常糟糕的网站，我遇到了一个奇怪的问题 - \n 用于在 HTML 输入的 value 属性中添加换行符。这是查看源代码时的样子：

<input type="button" name="whatever" value="Poor

Not selected">

值就像将“未选择”部分推出按钮一样，所以它不可见（可怕的设计，我知道，不是我的错）。它适用于除 IE11 以外的所有浏览器。我已经尝试过\r\n、，并添加了一个中断标签（我知道这行不通，但是嘿）。有人有什么想法吗？

【问题讨论】：

不可复制。 IE 11 显示“PoorNot selected”，Firefox 分两行显示“Poor”和“Not selected”。如果您看到其他内容，则您的实际代码与您在此处发布的代码不同，例如一些 CSS 设置会缩小按钮。

【解决方案1】：

我会将此输入更改为实际的按钮标签：

<button type="submit" name="whatever" value="Not Selected">Poor</button>

这样你的值可以与按钮上的“标签”不同，它仍然会提交表单。

【讨论】：

是的，应该修复它
唯一的问题是我对更改发送到后端的内容犹豫不决，因为这个代码库就像一个长期运行的 Jenga lol 游戏。谢谢你的建议。我希望有某种方法可以强制 IE 识别 \n。 :(
认为您需要进入处理此表单的服务器脚本并更新它以接受此输入的新值。无论如何，它是一个 hacky 值，最好现在修复它。如果您不知道要更改什么，请在新问题中发布您的表单处理脚本。
这会改变元素的效果（意义）。发送的表单数据不同。
@JukkaK.Korpela 正确。我的理解是，从 IE11 传递的输入值对于表单处理脚本来说是有问题的，需要进行更改。如果我误解了这一点，OP 可以简单地重新使用带有 \n 的值和按钮标签，而不会出现显示问题。