Boa tarde,
Às vezes não consigo clicar num input de um formulário para o preencher mas noutras o formulário funciona normalmente sem qualquer tipo de problema.
Esta situação acontece esporadicamente e, por norma, acontece-me no google Chrome mas também já testei no Edge e aconteceu-me o mesmo.
Alguém sabe do que possa ser e de como posso evitar que aconteça?
Exemplo de um formulário que estou a utilizar:
<form method="post" class="centrar" action="<?= base_url('viaturas/inserir') ?>">
<div class="row">
<div class="col-0 col-sm-0 col-m-4 col-l-4 col-xl-0"></div>
<div class="col-12 col-sm-12 col-m-3 col-l-2 col-xl-3 text-center font-weight-bold">
<div class="form-group">
<label for="kms">Numero de KM da viatura</label>
<input type="number" class="form-control " id="kms" name="kms" placeholder="Insira o numero de KM">
</div>
</div>
<div class="col-12 col-sm-12 col-m-3 col-l-2 col-xl-3 text-center font-weight-bold">
<div class="form-group">
<label for="data">Data</label>
<input type="date" class="form-control " id="data" name="data" placeholder="Insira a Data">
</div>
</div>
<div class="col-12 col-sm-12 col-m-3 col-l-2 col-xl-3 text-center font-weight-bold">
<div class="form-group">
<label for="matricula">Matricula</label>
<input type="text" class="form-control " id="matricula" name="matricula" value="<?= $matricula ?>" readonly>
</div>
</div>
<div class="col-12 col-sm-12 col-m-2 col-l-2 col-xl-3 text-center">
<label class="batota">Botão</label>
<button type="submit" class="btn buttonstyle form-control">Inserir</button>
</div>
</div>
</form>