-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcria_form.php
66 lines (66 loc) · 3.87 KB
/
cria_form.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
<?php include('header.php')?>
<body>
<div class="container" style="padding-top: 20px;">
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<h3 class="card-title">CRIE SEU FORMULÁRIO</h3>
<div class="bootstrap-iso">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div id="formulario">
<form method="post" id="formulario" action="registra_perguntas.php">
<div class="form-group">
<label class="control-label">
Digite o nome do formulário
</label>
<input class="form-control" id="nome_form" name="nome_form" type="text" value="">
<label class="control-label" style="margin-top:10px;">
Digite seu nome
</label>
<input class="form-control" id="nome" name="nome" type="text" value="">
</div>
<div id="pergunta2"> </div>
<div>
<button class="mb-3" type="button" id="adicionar-campo">
+
</button>
<button type="button" id="texto" style="display:none"> Texto </button>
<button type="button" id="checkbox" style="display:none"> Opção </button>
</div>
<div>
<button type="submit" class="btn btn-primary" value="Submit">
Enviar perguntas
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
// FUNCAO QUE ADICIONA UMA PERGUNTA DE TEXTO
$( "#texto" ).click(function () {
$( "#pergunta2" ).append( '<div class="form-group"><label class="control-label">Digite sua pergunta</label><input class="form-control" name="pergunta[]" type="text"></div>' );
});
// FUNCAO QUE ADICIONA UMA PERGUNTA DE OPCOES
$( "#checkbox" ).click(function () {
$( "#pergunta2" ).append('<div class="form-group"><label class="control-label">Digite sua pergunta</label><input class="form-control" name="perguntaOpcao[]" type="text"></div><div class="form-row"><div class="col"><input class="form-control" name="opcao[]" placeholder="Primeira resposta"></div><div class="col"><input class="form-control" name="opcao[]" placeholder="Segunda resposta"></div><div class="col"><input class="form-control mb-3" name="opcao[]" placeholder="Terceira resposta"></div><div class="col"><input class="form-control mb-3" name="opcao[]" placeholder="Quarta resposta"></div>');
});
$("#adicionar-campo").click(function(){
$("#texto").show();
$("#checkbox").show();
});
</script>
<?php include('footer.php');?>
</body>
</html>