assignmentDescripción del ejercicio
Crea un formulario de búsqueda de texto interactivo con diferentes opciones y filtros para refinar los resultados.
checklistRequisitos del formulario
search
Campo de texto principal para términos de búsqueda
filter_list
Opciones de filtrado por tipo de contenido
date_range
Selector de rango de fechas para resultados
language
Selector de idioma para los resultados
sort
Opciones de ordenamiento de resultados
settings
Parámetros ocultos para configuración avanzada
codeEstructura base del formulario
<form action="/buscar" method="get">
<div class="search-container">
<input type="text" name="q" placeholder="Introduce tu búsqueda..." required>
<button type="submit">Buscar</button>
</div>
<!-- Opciones de filtrado -->
<div class="filter-options">
<!-- Campos de filtrado aquí -->
</div>
<!-- Parámetros ocultos -->
<input type="hidden" name="source" "web">
<input type="hidden" name="version" "2.0">
</form>
<div class="search-container">
<input type="text" name="q" placeholder="Introduce tu búsqueda..." required>
<button type="submit">Buscar</button>
</div>
<!-- Opciones de filtrado -->
<div class="filter-options">
<!-- Campos de filtrado aquí -->
</div>
<!-- Parámetros ocultos -->
<input type="hidden" name="source" "web">
<input type="hidden" name="version" "2.0">
</form>
lightbulbConsejos para el ejercicio
- check_circleUsa atributos de validación como required y pattern
- check_circleImplementa JavaScript para mejorar la experiencia de usuario
- check_circleConsidera añadir autocompletado para sugerencias
- check_circleAsegúrate de que el formulario sea accesible