bueno algo como la opcion 2 sería algo asi:
primero el campo y la imagen:
Código:
<input type="text" name="nombre" /> - <img src="icono.gif" onclick="ayuda('nombre')" />
<input type="text" name="apellido" /> - <img src="icono.gif" onclick="ayuda('apellido')" />
<input type="text" name="email" /> - <img src="icono.gif" onclick="ayuda('email')" />
y en js sería algo asi:
Código:
function ayuda(campo) {
if(campo == 'nombre') {
alert('Introduzca su nombre. Letras entre A-Z y a-z');
}
else if(campo == 'apellido') {
alert('Introduzca su apellido. Letras entre A-Z y a-z');
}
else if(campo == 'email') {
alert('Introduzca su email. Letras entre A-Z y a-z, dígitos entre 0-9, puntos y guiones bajos');
}
}
Ahora tienes mil formas de hacerlo mas bonito, lo puedes hacer con css pero la idea es mas o menos esa.
Saludos