Javascript 如何将颜色输入值设置为空

嗨，我有一个颜色输入，我想把它存储在我的数据库中，但它有默认值黑色 如何将其更改为空？ 我删除了att值，但它仍然有默认值

    <input class="form-control h-50px" type="color" id="example-color-input" name="color_2">

---

您可以尝试添加defaultValue属性。

---

您可以在输入中添加一个无值的

数据-*

属性，然后在输入值至少更改一次时进行更新

在我的代码片段中，只要单击输入，就会设置实际值（因此，如果您在最后单击它而不更改颜色，它将返回您

\000000

）。通过删除

单击

事件来删除此行为

按钮只是记录输入的值

document.addEventListener（'DOMContentLoaded'，（）=>{
//输入
const eInput=document.querySelector（'input'），
inputEvent=（）=>eInput.dataset.realValue=eInput.value；
eInput.addEventListener（'click'，inputEvent）；
eInput.addEventListener（“更改”，inputEvent）；
//日志BTN
const eBtn=document.querySelector（“按钮”）；
eBtn.addEventListener（'click'，（）=>console.log（getColorInputValue（eInput））；
});
/**
*@param{HTMLElement}元素
*@返回{string | null}
*/
函数getColorInputValue（元素）{
返回element.dataset.realValue；
}

获取颜色

没有办法做到这一点。它总是需要定义一些颜色。一个选项可能是在没有值的情况下将禁用的属性添加到输入中。禁用的输入不会提交到服务器，因此在服务器端它应该显示为空。然而，使用这种方法，您需要有逻辑来启用/禁用输入，以便用户仍然可以选择（或空白）颜色。