html-tutorial/4-forms-validations/form.html at 6a54264b0db7e9032f35686770b6caf7b3d9b7fc · pushdev-code/html-tutorial · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario de validación</title>
</head>
<body>

    <form action="">
        <label for="name">Nombre</label>
        <input type="text" id="name" name="user_name" required>
        <label for="name">Apellido</label>
        <input type="text" id="apellido" name="user_name" required> <br>
        <label for="mail">Correo Electrónico</label>
        <input type="email" id="mail" name="user_mail" required>
        <label for="date"> fecha</label>
        <input type="date" id="start" name="trip-start"
         value="2018-07-22"
          min="2018-01-01" max="2022-12-31" required><br>
        <input type="radio" name="Hombre" value="Hombre"> Hombre

        <input type="radio" name="Mujer" value="Mujer" required> Mujer <br>
        <label for="">Estrato 2 </label>
        <input type="radio" name="socioeconómico" required>

        <p>Hobbis</p>
        <label for="cbox1">Ciclismo</label>
        <input type="checkbox" id="cbox1" value="checkbox" required><br>
        <label for="cbox2">Patinaje</label>
        <input type="checkbox" id="cbox2" value="checkbox" required><br>
        <label for="cbox3">Gym</label>
        <input type="checkbox" id="cbox3" value="checkbox" required><br>
        <label for="cbox4">Baloncesto</label>
        <input type="checkbox" id="cbox4" value="checkbox" required><br>
        <label for="imagen"></label>
        <input type="file" id="imagen" name="imagen" type="POST" enctype="multipart/formdata" required>
        <button>Enviar</button>
    </form>

</body>
</html>