“隐形”数据HTML标记

Question

我想要一个基于PhP的MediaWiki服务器将数据传输到客户端JavaScript。一些程序员使用HTML标记中的自定义属性来提供数据，例如：

<input type="text" customAttribute="Some custom data"></input>

问题是input元素在我的输出页面上可见（它创建一个输入框！）。

我是否可以使用不可见的HTML元素来提供信息而不会直观地影响页面？是否可以为此目的使用自定义HTML标记？

Answer 1

您可以使用type="hidden"输入。

<input type="hidden" customAttribute="My data"/>

http://jsfiddle.net/9Gpby/

Answer 2

实际上没有任何HTML标签在源代码中不可见（这是否有意义？）。最常用于存储数据的是<input type="hidden">。如果您使用HTML5，还可以使用data attributes来存储信息。

Answer 3

jQuery对于该用例具有非常好的.data()函数。您可以将数据附加到元素而不会污染属性，而且您不必乱用HTML。

Answer 4

可以使用hidden属性。

<input hidden type="text" customAttribute="Some custom data"></input>