Тёмный

Como crear fácilmente un Input con Label Flotante solamente con HTML y CSS. 

Creative code
Подписаться 482
Просмотров 3,1 тыс.
50% 1

❤️SUSCRIBETE @codeativo
🚀 Transforma tus formularios web con este tutorial emocionante. En este video, te mostraré cómo crear un input interactivo con una etiqueta que flota elegante y dinámicamente a la parte superior cuando haces click. Aprenderás a lograr este efecto impresionante utilizando HTML y CSS para mejorar la experiencia del usuario en tus proyectos web.
✨ No olvides suscribirte para más tutoriales de desarrollo web. Comparte tu opinión en comentarios y dale like si encuentras útil este tutorial.
🔗Recursos:
Source Code: github.com/codeativo/input-la...
👨‍💻 Aprende más sobre HTML5, CSS3 y Javascript en mis cursos.
◼️ Desarrollo web desde cero: HTML5, CSS3, Javascript: www.udemy.com/course/desarrol...
◼️ Maestría en CSS3: Flexbox, Grid, SASS, Bootstrap 5: www.udemy.com/course/maestria...
❤️Sígueme & Suscríbete:
◼️ RU-vid: / @codeativo
◼️ TikTok: / codeativo
◼️ Instagram: / codeativo
----------
IGNORE TAGS
#frontend #landingpage #portfolio #animaciones #html #css #javascript #likeforlikes #like #dev #development #design #webdesign #suscribete #suscribe #webdevelopment #website #input #label

Опубликовано:

 

12 мар 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 18   
@denjiuzumaki4309
@denjiuzumaki4309 17 дней назад
excelente!!!
@codeativo
@codeativo 17 дней назад
Gracias por el apoyo!
@michaelpazmino4867
@michaelpazmino4867 День назад
Oie está genial ese input, lo quiero intentar 😁😁 ya conseguiste un nuevo suscriptor
@codeativo
@codeativo 13 часов назад
Excelente, pruébalo y me comentas. Gracias pro tu apoyo 😉
@michaelpazmino4867
@michaelpazmino4867 9 часов назад
Me salió genial, ahora quiero usarla siempre 😂😂 están en GitHub?
@Dieg0ver
@Dieg0ver 2 месяца назад
Muy buen contenido y muy útil, sigue haciendo estos videos que pronto creceras un monton
@codeativo
@codeativo 2 месяца назад
Gracias por tu apoyo❤️
@Henry_Nunez
@Henry_Nunez Месяц назад
Muy interesante, me gustaría un video en donde solicite varios input usando CCS y JAVASCRIPT con label flotante.🔔🔔👍
@codeativo
@codeativo Месяц назад
Gracias por comentar! Lo haré en próximos videos 😉
@Henry_Nunez
@Henry_Nunez Месяц назад
✍️
@miguelperez6860
@miguelperez6860 2 месяца назад
gracias !
@codeativo
@codeativo 2 месяца назад
Gracias por comentar❤️
@oscarramos683
@oscarramos683 Месяц назад
hmmmm revisando esto, solo sirve si el input es required, suponiendo que yo pongo un input tipo email, si no pongo un correo valido el label se cae encima, no? o esa pseudo clase de valid como funciona?
@codeativo
@codeativo Месяц назад
Es así, tienes razón, solo funciona con required. Pronto subiré nuevos videos con otras formas 😉
@brunopatronefreiria9786
@brunopatronefreiria9786 Месяц назад
Estoy trabajando desde una web en php y no me funciona, solo funciona en html? Porque poniendo el código tal cual tampoco funciona. Gracias
@codeativo
@codeativo Месяц назад
Hola! Tienes que ver cómo estás relacionando el HTML y los estilos en ese documento PHP. Si está bien relacionado los archivos no debería existir problema. Recuerda que acá solo estamos creando el diseño, así que PHP no influye en la apariencia 😉
@brunopatronefreiria9786
@brunopatronefreiria9786 Месяц назад
Tendre q seguir buscando mi error entre el resto de cosas, buen video gracias igualmente
@codeativo
@codeativo Месяц назад
Gracias por el apoyo ❤️
Далее
Learn Every CSS Selector In 20 Minutes
19:38
Просмотров 435 тыс.
Using CSS custom properties like this is a waste
16:12
Просмотров 157 тыс.
The secret to mastering CSS layouts
17:11
Просмотров 264 тыс.
10 CSS animation tips and tricks
20:13
Просмотров 165 тыс.
Learn HTML Forms In 25 Minutes
24:56
Просмотров 948 тыс.
Create a clean, modern navigation with HTML & CSS
25:17
How to take control of Flexbox
16:01
Просмотров 99 тыс.