Problemas con forms en google chrome

juanmvilla · #1 (**permalink**) 10/03/2011, 19:08

Hola, he intentado insertar un boton de archivo en una pagina.
Cuando lo abro en google chrome, en lugar de aparecer algo como esto

[campovacio] (boton:examinar)

me aparece algo asi

(boton:seleccionar archivo)No se ha...archivo

tal cual lo puse, solo que donde dice campovacio aparece un campo, donde dice boton es un boton con lo que puse luego de los dos puntos, y el No se ha...archivo
es solo texto plano, que si oprimo el boton seleccionar archivo se modifica con el path claro, pero realmente es muy poco estetico y este segundo caso ocurre en google chrome, mientras en los otros exploradores aparece el primer caso .

codigo:

Cita:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<label for="algo"></label>
<input type="file" name="algo" id="algo" />
</body>
</html>

es decir, super básico

ahora, AYUDAAAAAAAA.....

tuteba · #2 (**permalink**) 10/03/2011, 19:17

Es que ese es el estándar del chrome. No en todos los navegadores los controles se ven igual (ej: en el estándar dice que "<input type=button ...>" debe verse como un botón plano y "<button>..." como un botón con relieve, sin embargo el chrome lo muestra con relieve.

Te recomiendo que pruebes ensanchando el campo con style.width=400. Así:

Código HTML:

<input type="file" name="algo" id="algo" style="width:400px"/>

Vas a ver que en IE se ensancha, en Firefox no y en Chrome se ve mejor (pero no mucho).

aagrlp640 · #3 (**permalink**) 07/12/2011, 12:59

Hola tuteba, a mi si me sirvio lo que comentas para que se viera bien en chrome, gracias