将变量导入javascript生成的输入时遇到问题

因此，我尝试使用Javascript生成一个输入表单，以便可以添加多行相同的输入框

var color_form = document.getElementById('color_form');
var create = document.createElement('input');
create.setAttribute('method', 'post');
create.setAttribute('name', "\"red[" + i + "]");
create.setAttribute('class', 'color_entry');
create.setAttribute('placeholder', 'red');
color_form.appendChild(create); //Append red value to color_form

我试着添加另一个结尾引用，但有时它会完全忽略表单，有时它会给我这个

<input class="color_entry" method="post" name=""red[" + i + "]"" placeholder="red"></input>

有人能告诉我我做错了什么吗

create.setAttribute('name', "\"red[" + i + "]");

应该是

create.setAttribute('name', "red[" + i + "]");

---

无需转义。

不确定为什么要转义name属性中的引号：

create.setAttribute('name', "red[" + i + "]");

---

这是使用MAMP进行的所有设置。所以我不确定javascript错误记录在哪里。更新：找到日志。它在抱怨字符编码。所以在我设置重置函数时，经过调查，我将I变量从全局值移动到了函数特定值。