Fitri di ricerca

ultimo aggiornamento 22/10/24

Filtri per la ricerca di contenuti su sito.

Esempio

Titolo filtri di ricerca
    <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>
Torna su