-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
141 lines (118 loc) · 7.38 KB
/
example.html
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ejemplo formulario AI</title>
<meta name="description" content="Formulario">
<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Propios -->
<link rel="stylesheet" type="text/css" href="css/style-form.css">
<script type="text/javascript" src="js/example.js"></script>
</head>
<body>
<div class="content-form clearfix">
<div class="example"> <!-- DIV ADDED FOR THE EXAMPLE -->
<p>Los campos marcados con * son obligatorios.</p>
<form action="" method="" class="webform-conditional-processed">
<div class="content-colaborar active clearfix caja-content">
<h2>Bloque 1</h2>
<fieldset class="fila-1 clearfix">
<div class="fieldset-wrapper">
<div class="border-radius-form shadow capa-select">
<select class="input-generic select" name="selecttime" form="selecttime">
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
</select>
</div>
<div class="caja-checkbox">
<div>
<div><input type="radio" name="cuota" value="1" checked /><label>1</label></div>
<div><input type="radio" name="cuota" value="2" /><label>2</label></div>
<div><input type="radio" name="cuota" value="3" /><label>3</label></div>
<div><input type="radio" name="cuota" value="otra" /><label>otro</label></div>
</div>
</div>
<div class="capa-other-quant">
<input class="border-radius-form input-generic" id="other-quant" type="text" maxlength="4" size="1" value="" />
</div>
</div>
</fieldset>
</div><!--/colaborar-->
<div class="content-datos padding-medium caja-content">
<h2>Bloque 2</h2>
<fieldset class="fila-1">
<div class="margin-medium">
<input class="border-radius-form input-generic" type="text" name="name" id="name" placeholder="01" maxlength="20">
</div>
<div class="margin-medium">
<input class="border-radius-form input-generic" type="text" name="first-surname" id="02" placeholder="Input 2">
</div>
<div class="margin-medium">
<div class="border-radius-form shadow capa-select">
<select class="input-generic select" name="genero" form="genero">
<option value="" selected="selected">Select</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="fila-2">
<div class="margin-medium">
<label>Fecha de nacimiento:</label>
<div class="capa-fechas">
<div>
<div class="">
<select class="" name="day" form="day">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="">
<select class="" name="month" form="month">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="">
<select class="" name="year" form="year">
<option value="1985">1985</option>
<option value="1986">1986</option>
</select>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="fila-3">
<div class="margin-medium">
<label>CC: </label>
<input class="border-radius-form input-generic entity" type="text" name="entidad" id="entidad" placeholder="Entidad" size="6" maxlength="4">
</div>
<div class="margin-medium">
<input class="border-radius-form input-generic office" type="text" name="oficina" id="oficina" placeholder="Oficina" size="6" maxlength="4">
</div>
<div class="margin-medium">
<input class="border-radius-form input-generic check" type="text" name="dc" id="dc" placeholder="DC" size="4" maxlength="2">
</div>
<div class="margin-medium">
<input class="border-radius-form input-generic account" type="text" name="ncuenta" id="ncuenta" placeholder="Nº Cuenta" size="12" maxlength="10">
</div>
</fieldset>
</div><!--/datos-->
<div class="form-actions">
<input class="webform-previous" name="op" value="Atrás" type="submit">
<input class="webform-submit button-primary form-submit" name="op" value="Enviar" type="submit">
</div>
</form>
</div><!-- /EXAMPLE -->
</div>
</body>
</html>