formulariodesarroyadoras/index.html at main · olavieneolava/formulariodesarroyadoras · GitHub

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
<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
        <title>Olalla Tellería - Laboratorio DesArrolladoras</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script type="text/javascript" src="index.js"></script>
	</head>


	<body>
        <div class="middle_div">
            <h2>Create Account</h2>

            <fieldset>
				<!--NOMBRE-->
                <label for="nombre">Nombre</label><br>
                <input type="text" name="nombre" id="nombre" required><br>
                <span class="error-message" style="display:none" id="span_nombre">Completa este campo</span>
                <span class="error-message" style="display:none" id="span_nombre_texto">No se aceptan números en el nombre</span>

				<!--EMAIL-->
                <label for="email">Email</label><br>
                <input type="email" name="email" id="email" required><br>
                <span class="error-message" style="display:none" id="span_email">Completa este campo</span>

				<!--CONTRASEÑA-->
                <label for="clave">Clave</label><br>
                <input type="password" id="clave" minlength="8" value="" /><br>
                <span class="error-message" style="display:none" id="span_clave">Completa este campo</span>
                <span class="error-message" style="display:none" id="span_clave_len">Debe tener al menos 8 caracteres</span>

				<!--CONFIRME CONTRASEÑA-->
                <label for="clave_confirmar">Confirme su clave</label><br>
                <input type="password" id="clave_confirmar" minlength="8" value="" /><br>
                <span class="error-message" style="display:none" id="span_clave_confirmar">Completa este campo</span>
                <span class="error-message" style="display:none" id="span_clave_confirmar_coinciden">Las contraseñas no coinciden</span>

                <!--BOTON-->
                <button class= "registerbtn" type="button" onclick="comprobarDatos()">ENVIAR</button>

            </fieldset>
        </div>
	</body>
</html>