Fitri di ricerca
ultimo aggiornamento 22/10/24
Filtri per la ricerca di contenuti su sito.
Esempio
<fieldset id="my_fieldset" class="ricerca">
<legend>Titolo filtri di ricerca</legend>
<form action="#" method="POST" class="pt-3">
<div class="row pt-2 pb-2">
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="argomento">Argomento</label>
<select id="argomento">
<option selected="" value="">- Qualsiasi argomento -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
<option value="Value 3">Opzione 3</option>
<option value="Value 4">Opzione 4</option>
<option value="Value 5">Opzione 5</option>
</select>
</div>
</div>
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="profilo">Profilo utente</label>
<select id="profilo">
<option selected="" value="">- Qualsiasi profilo -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
</select>
</div>
</div>
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="modalita">Modalità</label>
<select id="modalita">
<option selected="" value="">- Qualsiasi modalità -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
</select>
</div>
</div>
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="anno">Anno</label>
<select id="anno">
<option selected="" value="">- Qualsiasi anno -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
<option value="Value 3">Opzione 3</option>
<option value="Value 4">Opzione 4</option>
<option value="Value 5">Opzione 5</option>
</select>
</div>
</div>
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="mese">Mese</label>
<select id="mese">
<option selected="" value="">- Qualsiasi mese -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
</select>
</div>
</div>
<div class="form-group col-12 col-md-6 col-lg-4">
<div class="select-wrapper">
<label for="struttura">Struttura</label>
<select id="struttura">
<option selected="" value="">- Qualsiasi struttura -</option>
<option value="Value 1">Opzione 1</option>
<option value="Value 2">Opzione 2</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<button class="btn p-1" type="reset">
<div class="d-flex w-100 h-100 align-items-center">
<svg role="img" aria-labelledby="button_tit2" class="icon icon mr-1">
<title id="button_tit2">Elimina Filtri</title>
<use href="./dist/svg/sprite.svg#it-close"></use>
</svg>
Elimina Filtri
</div>
</button>
</div>
<div class="col-6 text-end"><button type="submit" class="btn btn-primary" data-focus-mouse="false">Applica</button></div>
</div>
</form>
</fieldset>