Question

I have a form in my website.
I made it first for desktop browsers, and now I need this form to work in android browsers too.
So, I got an android device, and tested the website, but when I try to enter values in the input fields, I can’t. Any help?

This is the code of the fields of the form:

<p>Empresa</p> <input type="text" value="empresa" name="empresa" id="empresa" /><br />              
<p>Usuario</p> <input type="text" value="usuario" name="alias" id="usuario"/><br />
<p>Contrase&ntilde;a</p> <input type="password" value="contraseña" name="clave" id="pass" /><br />                   
<input type="submit" value="ACCESO" id="boton_popup"/>
<input type="hidden" value="xxx" name="url">

I implemented this code with jQuery (It’s like placeholder, but with jQuery I obtained compatibility with more browsers). Maybe this code doesn’t work in android browsers.

$("#usuario").click(function(){$(this).val("");});
$("#pass").click(function(){$(this).val("");});
$("#empresa").click(function(){$(this).val("");});
$("#empresa").one("keypress",function(){$(this).val("");});

EDIT:
Tested in samsung galaxy s2, and it works like a charm.

Answer 1

Solved!!!
It was my mistake,that I didn’t tell that for these input fields, I apply the font DroidSans and this font isn’t compatible with some android browsers…
I removed this font, and now it works!!!

But I have one question….
I was applying this css to the text of the input fields:

font-family: DroidSans,Arial;

I thought that is is not available the first, the second font is got (Arial)…..
Thanks for all you help friends.
Best regards, Daniel