我可以使用 HTML 添加仍被 ctrl+F 计数的隐藏文本吗？

Question

我有一个由 1 和 0 组成的字符串，我想让人们数一数。但是，为了通过使用 ctrl+F 将实际计数的人与 "cheating" 的人分开，我想包括一些额外的 1，不会出现人，但如果有人使用 ctrl+F，会被计算在内。

换句话说，我想要这样显示的内容：1 0 1 1
....但实际上有两个额外的 hidden 1 所以任何人都会看到 three 但任何使用 ctrl+F 的人都会报告五个个（显示3个+隐藏2个）。

是否可以使用HTML隐藏不显示但是被ctrl+F统计的文字？

这是代码现在的样子。

Count the number of &quot;ones&quot; below:&nbsp;<br />
<br />
1 1 1 0 1 0 0 0 1 0 1 1 0 0 0 0 1 0 1

我是 HTML 和 HTML Whosebug 的新手。非常感谢您提供的任何帮助！

Answer 1

您只需将额外的 1 放在一个 span 标签中，然后将其设置为显示 none。这些会被隐藏，不会出现在页面上，使用Ctrl+F搜索1s时不会被统计：

.hide {
  display: none;
}

<p>
  Count the &quot;ones&quot;:
</p>
<p>
  1 1 1 0 1 0 0 0 1 0 1 1 0 0 0 0 1 0 1 <span class='hide'>1 1 1</span>
</p>
<p>
  1 1 1 0 1 0 0 0 1 0 1 1 0 0 0 0 1 0 1 <span style="display:none;">1 1 1</span>
</p>

Answer 2

您可以结合使用 absolute/fixed 定位和 top/left 翻译来隐藏隐藏的号码。

示例：

.hidden {
   position: fixed;
   top: -9999px;
   left: -9999px;
}

<span class="hidden">1</span>
<span>1</span>

如果你看看这个codepen。

可能会更容易理解

您将在浏览器中实际看到 8 个 1，但 CTRL + F 显示 9。

内联样式示例

<span style="position: fixed;top: -9999px;left: -9999px;">1</span>
<span>1</span>

我可以使用 HTML 添加仍被 ctrl+F 计数的隐藏文本吗？

Can I use HTML to add hidden text that still gets counted by ctrl+F?

html

find

hidden-field

内联样式示例