1 <!DOCTYPE html>2 <html>3 <head>4 <style>5 #mensaje {6 display: none;7 }8 #nombre:focus + #mensaje {9 display: inline-block;10 }11 </style>12 </head>13 14 <body>15 16 <div>17 <form action="#">18 <input id="nombre" name="nomrbe" type="text" />19 <div id="mensaje">Ingrese nombre de usuario</div>20 </form>21 </div> 22 </body>23 </html>Enlace
El enlace para compartir es: