Boa Tarde Fiz um filtro normal, porém para eu conseguir formatar o filtro de uma forma mais efetiva, quero tirar o Botão da Div, porém quando faço isso o botão para de funcionar por não estar junto com o formulario
Como faço para que o botão continue funcionando? Segue os codigos
<div id = "filtro">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style disabled>
#filtro {
border-style:double;
}
#button1 {
width: 120px;
position: inherit;
right: 10px;
background-color: #e00505;
font-size: 12px;
FLOAT: right
}
h4 {
font-size: 18px;
border-style: inset;
}
select {
border: 1px solid #000;
box-sizing: border-box;
width: 124px;
border-radius: 5px;
height: 25px;
padding: 3px;
}
section label {
width: calc(100% / 4);
color: red;
text-align: center;
}
section {
display: flex;
flex-wrap: wrap;
}
h4/ {
border-style:double;
}
@media screen and (max-width:768px) {
section label {
margin-bottom: 20px;
width: 100%;
}
}
</style>
<h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br>
<form action="#" id="form">
<section>
<label>
<b> Tipo do seu Kit </b><br>
<select name="speed" id="speed" style=" ">
<option desable>Selecione</option>
<option>Residencial</option>
<option>Comercial</option>
</select>
</label>
<label>
<b>Qualidade de Seu Kit</b><br>
<select name="files" id="files" style=" ">
<option desable> Selecione </option>
<option value="HD">HD</option>
<option value="Full HD">Full HD</option>
<option value="Analógica">Analógica</option>
</select>
</label>
<label>
<b> Quantidade de Câmeras </b><br>
<select name="number" id="number" style=" ">
<option desable> Selecione </option>
<option>1 Câmera</option>
<option>2 Câmeras</option>
<option>3 Câmeras</option>
<option>4 Câmeras</option>
<option>5 Câmeras</option>
<option>6 Câmeras</option>
<option>7 Câmeras</option>
<option>8 Câmeras</option>
<option>9 Câmeras</option>
<option>10 Câmeras</option>
<option>11 Câmeras</option>
<option>12 Câmeras</option>
<option>13 Câmeras</option>
<option>14 Câmeras</option>
<option>15 Câmeras</option>
<option>16 Câmeras</option>
</select>
</label>
<label>
<b> Selecione a Marca </b><br>
<select name="salutation" id="salutation">
<option desable selected>Selecione</option>
<option>Intelbras</option>
<option>Hikvision</option>
<option>Outras</option>
</select>
</label>
</section>
<BR>
<BR>
</form>
</div>
<br>
<br>
<button class="kd-filter-button" id="button1">Ver resultados</button>
Aproveitando a pergunta, se puderem me indicar a melhor forma de eu fazer o chamado dos dados que preciso, qual a formula posso usar nos option?