php - "invisible" data HTML tag - Stack Overflow

admin管理员组

文章数量:1341411

I would like a PhP-based MediaWiki server to transfer data to client-side JavaScript. Some programmers use custom attributes in HTML tags to feed data, for example:

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

The problem is that the input element is visible on my output page (it creates an input box!).

Are there invisible HTML elements I can use to feed in information without affecting the page visually? Would it be possible to have custom HTML tags for that purpose?

I would like a PhP-based MediaWiki server to transfer data to client-side JavaScript. Some programmers use custom attributes in HTML tags to feed data, for example:

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

The problem is that the input element is visible on my output page (it creates an input box!).

Are there invisible HTML elements I can use to feed in information without affecting the page visually? Would it be possible to have custom HTML tags for that purpose?

• php
• javascript
• html

Share Follow edited Nov 9, 2012 at 14:42 Randomblue asked Jul 23, 2011 at 21:54 RandomblueRandomblue 116k150150 gold badges362362 silver badges557557 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 10

You can use a type="hidden" input.

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

http://jsfiddle/9Gpby/

jQuery has a very nice .data() function exactly for that use case. You can attach data to elements without polluting the attributes, and you don't have to mess around with HTML.

There aren't really any HTML tags that wouldn't be visible in source code (does that even make sense?). The closest one that's monly used for storing data is <input type="hidden">. If you use HTML5, you can also use data attributes to store information.

The hidden attribute could be used.

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

本文标签： phpquotinvisiblequot data HTML tagStack Overflow