css - 基于表单内容动态更新 css 属性的方法？

Question

我在网站上有一个表单，其中一个输入用于输入要输入数据库的十六进制颜色代码。

页面是否有任何方法可以动态更新自身，以便如果用户将值从“000000”更改为“ffffff”，输入框的“颜色”CSS 属性将立即更改，而无需重新加载页面？

Answer 1

不是没有 Javascript。

然而，使用 Javascript...

<input type='text' name='color' id='color'>

然后:

var color = document.getElementById('color');
color.onchange = function() {
    color.style.color = '#' + this.value;
}

不过，如果您打算走 Javascript 路线，不妨全力以赴，给他们一个颜色选择器。 There are plenty of good ones .