assignmentDescripción del ejercicio
Crea un formulario de búsqueda de imágenes con filtros de tamaño, color y tipo para refinar los resultados.
checklistRequisitos del formulario
search
Campo de texto para términos de búsqueda
photo_size_select_large
Filtro de tamaño (pequeño, mediano, grande)
palette
Filtro de color (a color, blanco y negro)
category
Filtro de tipo (fotos, ilustraciones, vectores)
file_upload
Opción para subir imagen como referencia
settings
Parámetros ocultos para motor de búsqueda
codeEstructura base del formulario
<form action="/buscar-imagenes" method="get">
<input type="text" name="q" placeholder="Busca imágenes..." required>
<input type="hidden" name="tbm" value="isch">
<!-- Filtros de tamaño -->
<select name="tbs">
<option value="">Cualquier tamaño</option>
<option value="isz:l">Grandes</option>
<option value="isz:m">Medianas</option>
</select>
<!-- Filtros de color -->
<select name="ic">
<option value="color">A color</option>
<option value="gray">Blanco y negro</option>
</select>
<button type="submit">Buscar imágenes</button>
</form>
<input type="text" name="q" placeholder="Busca imágenes..." required>
<input type="hidden" name="tbm" value="isch">
<!-- Filtros de tamaño -->
<select name="tbs">
<option value="">Cualquier tamaño</option>
<option value="isz:l">Grandes</option>
<option value="isz:m">Medianas</option>
</select>
<!-- Filtros de color -->
<select name="ic">
<option value="color">A color</option>
<option value="gray">Blanco y negro</option>
</select>
<button type="submit">Buscar imágenes</button>
</form>
lightbulbConsejos para el ejercicio
- check_circleUsa atributos de validación para campos obligatorios
- check_circleImplementa JavaScript para mejorar la experiencia
- check_circleConsidera añadir previsualización de filtros
- check_circleAsegúrate de que el formulario sea accesible