3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!

Posts Shouts Comunidades Juegos Tops   INGRESAR REGISTRARTE

  3 años Taringa!  Hazlo tú mismo  Visual Basic: Como hacer el ef…

Me gusta 587.409 Seguir   

Visual Basic: Como hacer el

efecto PlaceHolder

Buenos dias gente, pues, hoy les traigo un tutorial muy bueno para Visual Basic,
la verdad, es realmente inú l, pero es un toque visual muy bueno para vuestros
programas y que creo que le darán mucha u lidad al descubrir lo sencillo que
es.

Bien, que esperamos? vamos al asunto:

Primero que nada:

¿Que es "el efecto PlaceHolder"?

Pues para no andarme con demasiado vocabulario técnico se lo resumo en una

imagen y 2 renglones:

Entonces, miren esta imagen

Como ven, no hace falta poner User [ TextBox ] Password [ TextBox ], sino, que
nos aparece dentro la misma TextBox el "User" y el "Password" y cuando le
damos clic esto se borra y queda HERMOSO

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 1/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!

...

(?

Ahora: ¿como hacemos esto?

Paso 1: Abrimos el Visual Basic, creamos un proyecto de los de toda la vida y

en el Form1 ponemos 2 TextBox y a cada uno le ponemos de ForeColor: Gray
(desde la pestaña de propiedades <la misma de abre con F4>, luego
configuraremos esto mas adelante)

A uno le ponemos "Usuario" y al otro "Contraseña"

Yo a partir de aqui en adelante borrare los bordes de Form1, por lo que no

los veran por el resto del tutorial... no hay que hacerlo sino que es un tema
de estetica que a mi me gusta como queda, queda en ustedes hacerlo o no

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 2/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!

Paso 2: Bien, ahora hacemos clic en ambos TextBox para que se abran en el
codigo, Dan clic dentro de alguno de los 2 (seleccionando una TextBox por
decirlo de alguna manera) echo esto, se van donde dicen TextChanged

Osea, aca

y le ponen

- GotFocus
- LostFocus

Luego, hacen lo mismo con el otro TextBox Sobrante, de forma que quedaría asi

Paso 3: Bien gente, aca empieza lo bueno, vamos a el GotFocus del TextBox al
que le corresponda el Usuario (dado que el codigo en la contraseña sera un
poquito diferente <en mi caso sera el TextBox1> )
Recomendados Ver más 

A favoritos
Y ponemos lo siguiente:


If TextBox1.Text = "Usuario" Then
Ir a Estás empezando a
comentarios TextBox1.ForeColor = Color.Black Sentencias de entrada y programar? Crea tu
https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 3/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!
TextBox1.Text = "" salida Visual Basic reproductor de música

End If
Compartir
vía mail


Ahora
0
vamos al LostFocus del mismo TextBox y ponemos
Crear en Visual Basic

If TextBox1.Text = "" Then Manual Reloj digital en visual basic
TextBox1.ForeColor = Color.Gray
TextBox1.Text = "Usuario"
 End If
0

Ahora si probamos veremos que el Texbox1 funciona perfectamente

Paso 4: Ahora nos toca la contraseña, es mas o menos lo mismo que el

anterior, solo que tiene una pequeña diferencia

Bien, seleccionamos en el TextBox2 el GotFocus y ponemos dentro de el:

If TextBox2.Text = "Contraseña" Then

TextBox2.PasswordChar = "*"
TextBox2.ForeColor = Color.Black
TextBox2.Text = ""
End If

(Como ven, la diferencia radica en el PasswordChar, esto hace que al escribir

nuestra contraseña se pongan los picos "***" )

Y por ultimo vamos al LostFocus y ponemos:

If TextBox2.Text = "" Then

TextBox2.ForeColor = Color.Gray
TextBox2.Text = "Contraseña"
TextBox2.PasswordChar = ""
End If

Bueno gente, ahora probamos el programa

y vemos como funciona perfectamente.

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 4/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!

Bien gente, eso es todo, espero que les haya gustado y les sea
muy util en sus programas
Cualquier duda intentare ayudar, pero tengan encuenta que yo
soy mas bien nuevo en el asunto y no puedo ayudarlos con todo
(asimismo, les pido que manden sus dudas por MP)

Saludos!
1 ¿Dónde Esta Dios? - ¿Dios realmente se preocupa?
Sí. En Tragedia, Dios todavía está aquí. Vea lo que puede contar con Dios.
cadaestudiante.com

2 Big Data Scoring

Improved credit scoring accuracy. Big data solutions for you. bigdatascoring.com

3 1000 Tarjetas por $49 MXN

La Mejor Calidad y al Mejor Precio. El Precio más Bajo del Mercado. Compre Ahora.
360imprimir.com.mx

 Compartir  Twittear

 Fuentes de Información - Visual Basic: Como hacer el efecto

PlaceHolder
El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Tags: efecto | letras | Programacion | visual | gris | Basic | place |

contrasena | holder | placeholder

Dar puntos

1 2 3 4 5 6 7 8 9

+10

   DENUNCIAR  SEGUIR 138PUNTOS

16 Votos
3.723 Visitas
19 Favoritos
3 Seguidores

Te Recomendamos Enlaces Patrocinados por Taboola    

La casa de Robert De Niro no es lo que esperabas

LoanPride

La Foto De Maradona Que Causa Estupor Mundial

Desa o Mundial

47 ESTRELLAS QUE AHORA TIENEN EMPLEOS NORMALES

Re nance Gold

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 5/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!

Un mes antes de un infarto de miocardio, tu cuerpo comienza a

advertirte, estas son las 6 instrucciones
Consejos y Tendencias

Ganga para Oaxaca: Vuelos baratos desde $170

jetcost.com.mx

Almohada Sognare en una imperdible promoción, haz clic

Sognare

¿El horror de los bancos? ¡Empresas de préstamos personales

están controlando el mercado!
ahorreahora.com

Hoteles con aguas termales en México

Room5

Invierta en la Bolsa de Valores

A3 Trading

También te puede interesar...

Microsoft Agent Navegador web Como encriptar

en Vb6 en Visual Basic una contraseña


Conoce sobre Tutorial Básico Hola Mundo en

Visual Basic.Net para programar todos los

6 comentarios - Visual Basic: Como hacer el efecto

PlaceHolder
NutriaReptiliana Hace 3 años +1
no me jodas, visual studio era un programa de programación
visual? todo este tiempo pensé que era para hacer programas
mas gra cos

Cargar 3 más

Pacareto Hace 3 años

Visual Studio es tanto un programa de diseño visual
como de código. En realidad, la mayoría de los grandes
programas están hechos en este programa, pero con los
lenguajes mas complejos como el c, c++ o c#.

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 6/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!
ad_honorem Hace 3 años
@Pacareto Visual studio junta diseño visual con código,
mientras que otros ide son para código y otro exclusivo
para diseño visual.

NutriaReptiliana Hace 3 años

@ALaMierdaElNike oh ya veo, un pequeño programa en
donde vienen dos campos de texto editables con una
imagen de facebook al fondo y un boton de "log in"
abajo, cuya funcion es enviarte a tu correo todo el texto
que se escriba en esos dos campos

vertigo2002 Hace 3 años

Como harias este diseño peor en c#?....seria la misma logica o
algo cambiaria?.

ALaMierdaElNike Hace 3 años

Pues la "Logica" siempre es la misma en teoria.. aunque

Sinceramente no conozco la diferencia, se que en C# y

Visual (como digo hace 2 semanas que ando con esto,
solo puedo contestar preguntas muy basicas sobre el
asunto)

vertigo2002 Hace 3 años +1

Gracias lo estoy intentando hacer ahora....Mas que todo lo
preguntaba por los eventos si eran los mismos ya que yo de
visual no se nada en cuanto a lenguaje....Mi fuerte es c# y me
intereso esto para futuros proyectos....Gracias por la muestra
.

ALaMierdaElNike Hace 3 años

De nada, espero haber ayudado en algo, saludos!

rodstudio Hace 3 años

+10 gracias por el dato!!

ALaMierdaElNike Hace 3 años

De nada,para servirle buen hombre, saludos!

Esca_19 Hace 3 años

+10 Gracias Bro

ALaMierdaElNike Hace 3 años

De nada,para servirle buen hombre, saludos!

colm1 Hace 8 meses

buen aporte

  

Escribe un comentario...

Comentar

Posts relacionados Lo más destacado Tops - Hazlo tú mismo

(I.C.): 12 cursos de programación Gratis y Online
[Pasa]
 ebooks-tutoriales

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 7/8
3/3/2018 Visual Basic: Como hacer el efecto PlaceHolder - Hazlo tu mismo - Taringa!
Ver post >

Programación .NET - [Tutorial] Traducir Remedios caseros:

Visual Basic [Vi-Actu] subtitulos fácil y sin aprende cómo quitar
 info saber inglés la caspa para siempre
Ver post >

Manejo de bases de datos El truco de nitivo para silbar

con Visual Studio 2010
.Net
como un campeon, pasa lince
 ciencia-educacion
Ver post >
Me canse de mi Ya nada te va a afectar
monitor y agarre el
smart tv
Tutorial 3 Programación
Basico (Visual Basic 2010)
 info
Ver post >

Aprende Visual Basic .Net

en Facebook Te enseño electricidad Recetas de comida
 ebooks-tutoriales domiciliaria básica 1 china fáciles de
Ver post >
(resubido) preparar en casa
Hice un arcade para 4
jugadores y te lo muestro
Aprende programar aqui y
ahora II
 ciencia-educacion
Ver post >

Como patentar un Guia para enviar fotos

invento, paso a paso atrevidas sin
arruinarte la vida
Historia de Visual Basic en
Versiones
 ciencia-educacion
Ver post >

Small Basic, programación

hecha fácil
Bowie para todos
Arme una mesa para El truco de nitivo para
 offtopic mi nueva estufa de silbar como un
Ver post > induccion(tromues) campeon, pasa lince

Anuncie en Taringa! | Ayuda | Reglas de la Comunidad | Desarrolladores | Trabaja con nosotros! | Reportar bug | Enciclopedia
Argentina | Chile | Colombia | México | Perú | Uruguay | Venezuela | Resto del mundo
Denuncias | Reportar Abuso - DMCA | Términos y Condiciones | Privacidad de datos

https://www.taringa.net/posts/hazlo-tu-mismo/17842871/Visual-Basic-Como-hacer-el-efecto-PlaceHolder.html 8/8