How to display hints in html form fields? [closed]

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 9 years ago.

I have a very long php form which is used to save input values entered by users. I want to show hints next to the input boxes. I know this HTML input field hint but this is not my goal, i want to show it next to the input boxes which will appear/disappear when ever user selects the respective field. (i want this in html not in javascript etc because i do not know JavaScript.)

Answer 1

You should use HTML5 and use textfields like

<input type="text" placeholder="enter input" title="Enter input here">

Answer 2

You can do it with the :focus CSS pseudo-class. Put a span next to the input box and give it this style:

.hint { display: none; }
input:focus + .hint { display: inline; }

JSBin: http://jsbin.com/inilot/1/edit

Answer 3

You can use title argument like this :

<input title="hint" ... />

Answer 4

This is a CSS technique without using any Java{script} code:

<style>
.ami div {display:none}
.ami:hover div {display:block}
</style>
<a class=ami href="#">Please hover me <div>I show only when you over</div></a>
</html>

Hope I Help