Para poner texto de fondo en un input y que desaparezca cada vez que se escribe simplemente se utiliza PLACEHOLDER, un ejemplo a continuación: <input type="text" name="name" placeholder="Esto és un placeholder">
Ejemplo visual:
Gracias amigo excelente, aporte Investigando si añadimos esto se logra un mejor resultado { onfocus="this.placeholder=''" onblur="this.placeholder='Ingrese su Nombre'" style="width:280px" } el onfocus y el onblur son funciones javascript para hacerle el efecto de desaparecer en lo que colocamos el cursos alli y el style=width es para darle un ancho valido, dado que no funciona el size con el, solo se debe añadir en nuestro input Buen día
creeme me sente un rato a buscar y luego pense en html 5 me acorde que colocaron varios formatos y comence a buscar.. y llegue a tu pagina.. asi que ahora ahondare más, gracias a ti
Buenas!
ResponderEliminarmuchisimas gracias por tu aportación y la ayuda!
Muchas gracias!! :D
ResponderEliminarno funciona con opera.. pero esta buenisimo..
ResponderEliminarVengo 13 años despues y confirmo que si funciona xd
EliminarEn Opera no... aunque personalmente creo que al final funcionará en todos los navegadores
ResponderEliminarbuenísimo gracias pero una inquietud se podrá poner de alguna forma de fondo texto en un div común y corriendo
ResponderEliminarhe estado buscando y de momento no tengo respuesta xD seguire mirando cuando tenga más tiempo! gracias!!
ResponderEliminarsencillo y efectivo :)
ResponderEliminarArigatoo
ResponderEliminary como cambiarias el color del texto que aparece??
ResponderEliminarPara cambiar el color del placeholder inserta este CSS en tu HTML:
Eliminar::-webkit-input-placeholder { /* WebKit browsers */
color: #333fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #333fff;
}
Excelente post, de hecho lo estuve buscando en muchas webs pero no habia encontrado la solución.
ResponderEliminarSaludos!
Excelente aporte.
ResponderEliminarBusque mucho pero nunca encontraba nada similar.....
GRACIAS..........
Muchas gracias, espero vuestros +1 :D
EliminarMás sencillo imposible. Muchas gracias.
ResponderEliminarExelente...
ResponderEliminarGracias amigo excelente, aporte
ResponderEliminarInvestigando si añadimos esto se logra un mejor resultado
{
onfocus="this.placeholder=''" onblur="this.placeholder='Ingrese su Nombre'" style="width:280px"
}
el onfocus y el onblur son funciones javascript para hacerle el efecto de desaparecer en lo que colocamos el cursos alli y el style=width es para darle un ancho valido, dado que no funciona el size con el, solo se debe añadir en nuestro input
Buen día
Muchas grácias me gusta que participemos todos! :D
Eliminarcreeme me sente un rato a buscar y luego pense en html 5 me acorde que colocaron varios formatos y comence a buscar.. y llegue a tu pagina.. asi que ahora ahondare más, gracias a ti
EliminarLa verdad estaba buscando eso hace muxisimo... Muxasss gracias amigo :)
ResponderEliminarMuchas gracias por tu comentario. Si hacer click en +1 ayudarás a otras personas a encontrarlo :D
EliminarBuenisimo gracias!!!
ResponderEliminarGracias amigo!
ResponderEliminarGENIO!!!
ResponderEliminarExcelente funciono con asp.net Sin imput
ResponderEliminarmuchas gracias me ayudo mucho
ResponderEliminarMil Gracias
ResponderEliminarExcelente amigo gracias!!!
ResponderEliminarMuchas gracias :D
ResponderEliminarHola
ResponderEliminarMuy buen aporte
Felicitaciones
Hola excelente eso lo vi en AmistaDigital.Com jajaja esos youtuber son unos cerebros saludos
ResponderEliminarHola amigo gracias me hacia falta este tipo de programación para la web.
ResponderEliminares perfecto en html
ResponderEliminar¡¡¡Muchas gracias!!!
ResponderEliminar