对人类隐藏元素，而不是对机器人

Question

我正在使用Qualtrics调查软件并遇到机器人问题。他们自己的机器人检测工具是不够的。

我想检测机器人是否正在完成表单。为此，我认为我应该将一个字段的颜色全部更改为白色(与背景相同的颜色)。下面的CSS是而不是:

#ID > * {
background-color: white !important;
color: white ! important;
}

下面的JavaScript也不能工作:

var nodes = document.getElementById('ID').childNodes;
for(var i = 0; i < nodes.length; i++){
if(nodes[i].nodeName.toLowerCase() == 'div'){
nodes[i].style.backgroundColor = 'white !important';
nodes[i].style.color = 'white !important';
}
}

如何定位一个元素及其所有子元素，使它们对人眼不可见，而对计算机不可见?

MWE on qualics

https://uwartsandsciences.sjc1.qualtrics.com/jfe/form/SV_5sYhuvDNJcRpdS6

第一个问题(ID ==QID1)我想隐藏在人眼之外。第二个可以保持可见

Answer 1

display: none;

在你想要隐藏的输入字段中，如果你想要做的是建立一个蜜罐。

人类不会看到它，但机器人会在阅读html时看到它。

蜜罐实现