text_fieldsBúsqueda de texto
Formularios que permiten a los usuarios encontrar información específica mediante la introducción de términos de búsqueda y la aplicación de filtros.
buildElementos clave
input
input type="text"
Campo para introducir términos de búsqueda
send
button type="submit"
Elemento para enviar la consulta
visibility_off
input type="hidden"
Campos ocultos para parámetros adicionales
list
select
Listas desplegables para filtros avanzados
codeEjemplo de código
<form action="/buscar" method="get">
<div class="search-container">
<input type="text" name="q" placeholder="Introduce tu búsqueda..."required>
<button type="submit">
<i class="material-icons">search</i>
Buscar
</button>
</div>
<input type="hidden" name="source" value="web">
</form>
<div class="search-container">
<input type="text" name="q" placeholder="Introduce tu búsqueda..."required>
<button type="submit">
<i class="material-icons">search</i>
Buscar
</button>
</div>
<input type="hidden" name="source" value="web">
</form>