HTML5 ofrece controles especializados para selección de colores y búsquedas
type="color"
color_lens
Selector visual de colores
format_color_fill
Formato hexadecimal
touch_app
Interfaz nativa
type="search"
find_in_page
Campo especializado
clear
Botón de limpiar
keyboard
Teclado optimizado
code
Ejemplo de código
<label for="color">Color favorito:</label>
<input type="color" id="color" name="color" value="#ff0000">
<label for="busqueda">Buscar:</label>
<input type="search" id="busqueda" name="busqueda" placeholder="Escribe para buscar...">
<input type="color" id="color" name="color" value="#ff0000">
<label for="busqueda">Buscar:</label>
<input type="search" id="busqueda" name="busqueda" placeholder="Escribe para buscar...">
Ejemplo interactivo
#1976d2
Escribe y verás el botón de limpiar
Cambia el color de fondo de esta página
lightbulb
Ventajas
- Interfaz nativa del navegador
- Funcionalidad sin JavaScript
- Mejor experiencia en móviles