为什么Firefox从javascript加载时会更改表单标记属性？

Question

我有一个使用Javascript创建的表单。我将表单存储在一个字符串变量中，然后使用append将变量添加到页面中（我这样做是因为在它们有实际数据之前append是closing tags）。当我在Chrome中加载页面时，一切看起来都很好。在Firefox中，标签被更改。

这是表单标记的正确格式：

<form class="form-horizontal luminateApi survey-form" method="POST" action="http://demand.convio.net/site/CRSurveyAPI" data-luminateApi="{"callback": "submitSurveyCallback", "requiresAuth": "true"}">

Firefox将其更改为：

<form class="form-horizontal luminateApi survey-form" method="POST" action="http://demand.convio.net/site/CRSurveyAPI" data-luminateapi="{" callback":="" "submitsurveycallback",="" "requiresauth":="" "true"}"="">

适用于Chrome。

Answer 1

使用单引号作为属性的内容：

<form class="form-horizontal luminateApi survey-form" method="POST" action="http://demand.convio.net/site/CRSurveyAPI" data-luminateApi="{'callback': 'submitSurveyCallback', 'requiresAut': 'true'}">

否则，浏览器必须将内容解释为单独的属性。