Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: basickdagger en 25 Febrero 2013, 23:56 PM

Título: duda en un form
Publicado por: basickdagger en 25 Febrero 2013, 23:56 PM
hola bueno, mi duda creo yo es algo facil pero es la primera vez q quiero hacerlo, quiero poner un input tipo texto, y q aparezca 'por ejemplo.... "escribe tu texto aqui" pero dentro del input, y cuando alguien le de click desaparesca para q comience a escribir, como en facebook cuando aparece
¿que cuentas?....
Título: Re: duda en un form
Publicado por: 1mpuls0 en 26 Febrero 2013, 00:21 AM
Esta es una forma.
Código (html4strict) [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript">
function borrar() {
document.getElementById('textfield').value="";
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <input name="textfield" type="text" id="textfield" onclick="borrar();" value="ola k ase"/>
</form>
</body>
</html>


Saludos.
Título: Re: duda en un form
Publicado por: Novlucker en 26 Febrero 2013, 00:33 AM
Lo mejor es agregar el texto o no en los eventos focus y blur, y no en el click, o ir directamente al nuevo atributo de HTML5, placeholder
Código (html4strict) [Seleccionar]
<input type="text" placeholder="Ingrese valor" />

Saludos
Título: Re: duda en un form
Publicado por: basickdagger en 26 Febrero 2013, 00:38 AM
Cita de: Novlucker en 26 Febrero 2013, 00:33 AM
Lo mejor es agregar el texto o no en los eventos focus y blur, y no en el click, o ir directamente al nuevo atributo de HTML5, placeholder
Código (html4strict) [Seleccionar]
<input type="text" placeholder="Ingrese valor" />

Saludos

gracias de hecho lo acababa de realizar con eso mismo, q vi en la w3school, y aunq sea en html5 me sirve gracias por su ayuda a ambos =)