Form inside tooltip?

[johnsmith153]

I want to place a form inside a tooltip, but CSS-only tooltips are something like this:

<a>Anchor<span>Tooltip content here</span></a>

...which of course would be this:

<a>Anchor<span><form>form content</form></span></a>

...which works, but apparently isn't good standard.

What do I do?

I want to put any HTML, including <div>'s in the tooltip.

[Sammy12]

Originally Posted by johnsmith153

...which works, but apparently isn't good standard.

That's correct, using block elements inside inline elements is "incorrect".

You can just wrap the tooltip in a <form>:

form {
     cursor: pointer; /* ? don't know why you wrapped a form in <a> */
}
div {
     display: inline-block;
}

<form>
    <label> 
         <a href="#">Anchor</a>
    </label>
    <div><!-- form content --></div>
</form>

By your original code, if the form content was clicked it would go to the <a> link. Then what's the purpose of a form?