Muitas vezes gostaríamos de personalizar o botão de procurar ou browser (dependendo da língua do browser) que aparece quando usamos o input type=file. O código abaixo apresenta uma solução de contorno para esta personalização.
<HTML>
<HEAD>
<TITLE>Personalizando INPUT TYPE=FILE </TITLE>
</HEAD>
<BODY>
<INPUT TYPE="file" ID="filUpload" TYLE="display:none" onChange="txtFilename.value = this.value;">
<INPUT TYPE="text" ID="txtFilename" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt" SIZE="25" DISABLED>
<INPUT TYPE="button" ID="btnBrowse" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt;
BACKGROUND-COLOR:peachpuff" onClick="filUpload.click()"
VALUE="Escolha o arquivo">
</BODY>
</HTML>
Esta matéria foi postada originalmente no ASP4Developers por Ben Hur Oliveira, que na época era "Analista de sistemas". Hoje, vai saber...
3 comentários:
[Enviado originalmente em 22/mai/2002 13:55:21]:
Ué cadê os scripts mencionados nos eventos?
Eles são irrelevantes?
[]´s
siddharth
carlos.webdev@bol.com.br
[Enviado originalmente em 22/mai/2002 14:37:03]:
nos eventos estão métodos nativos, como o click, tudo que precisa está aí, não existem funções externas.
[Enviado originalmente em 04/jun/2003 21:17:49]:
Mas isso não é cross-browser, com certeza não funciona no Netscape =(
Postar um comentário