¿Como hago para que mi caja de texto resalte?

Nova · #1 (**permalink**) 19/05/2007, 10:11

Hola a todos,
Bueno lo que queria hacer son dos cosas.
Quiero que cuando carge mi Pagina, inmediatamente se ubique el foco en la una caja de texto.
Y lo segundo es que cuando el curso se ubique ahi la caja de texto resalte algo asi como esta página.

https://www.miunefon.com.mx/miUnefon/login.jsp

Gracias por la ayuda.

eits · #2 (**permalink**) 19/05/2007, 10:29

en el body colocas onload=document.forms['nombredetuform'].nombredelacaja.focus() y lo de resaltar es con css pero eso no se como se hace

saludos.

JavierB · #3 (**permalink**) 19/05/2007, 10:33

Hola Nova

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<style type="text/css">
.normal, .foco {border: 1px solid}
.normal {border-color: black}
.foco {border-color: blue green green blue}
</style>
</head>
<body onload = "document.forms[0].elements[0].focus()">
<form>
<input type="text" onfocus = "this.className='foco'" onblur = "this.className='normal'" />
<input type="text" onfocus = "this.className='foco'" onblur = "this.className='normal'" />
</form>
</body>
</html>

Cambia los colores de los bordes a tu gusto.

Saludos,

Nova · #4 (**permalink**) 19/05/2007, 11:15

Gracias amigo, Javier y Beits me salio a las mil maravillas.
Pero solo una pregunta más, hace tiempo vi en una pagina como hacer cajas de texto con las esquinas ovaladas, osea que no era la clasica caja rectangular, sino que era con las esquinas ovaladas.
¿Si me podrian ayudar en ello? MUCHAS GRACIAS