Preciso fazer um formulario para um cliente que dependendo da resposta da pessoa no formulario vai criar alguns campos novos no formulario automaticamente. exemplo: sempre que alguem deixar a resposta 'sim' no formulario vai ser criado um novo campo, e quando a resposta for não, esse campo não vai aparecer
Isso deve resolver.
<!DOCTYPE html>
<script>
const criarMaisUm = (maisUm) => {
const itemsElemento = document.querySelector('#items');
if (maisUm == 'sim') {
itemsElemento.innerHTML += `<label for="item">Item</label><input type="text" id="item" name="item" required><br>`;
} else {
itemsElemento.innerHTML = '';
}
}
</script>
<html>
<form>
<label>Mais um?</label><br />
<label for="mais-um-no">Nao</label>
<input type="radio" id="mais-um-nao" name="grupo-mais-um" value="nao" onchange="criarMaisUm(this.value)">
<label for="mais-um-yes">Sim</label>
<input type="radio" id="mais-um-yes" name="grupo-mais-um" value="sim" onchange="criarMaisUm(this.value)">
<div id="items"></div>
</form>
<script>
</script>
</html>
você precisa de algum plugin que te permita justamente trabalhar com formulários condicionais.
da uma olhada nesse plugin chamado MetForm https://wpmet.com/how-to-build-elementor-conditional-logic-form/