webApp_subdireccion/incorporacion_cambiosdecuenta.html at master · mitre88/webApp_subdireccion · 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
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

<!DOCTYPE html>
<html lang="es">
<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>Incorporaciones y cambios de cuenta: </title>
    <link rel="stylesheet" href="./formatosnomina.css" /> <!--aqui se enlaza el css con el html -->

</head>
<body>
    <figure>  <!--figure funciona para enmarcar un algo , en este caso una imagen-->
        <img width="220" height="100"
              src="sev.svg "
              alt="imagen SEV"/>
          <figcaption> <!--figcaption es para poner una descripcion a la imagen-->
    <section>Incorporaciones y cambios de cuenta</section>
<p>FORMATO DE INCORPORACIÓN O CAMBIO DE CUENTAS BANCARIAS PARA BENEFICIARIOS DE PENSIÓN ALIMENTICIA FEDERAL:</p>
<!--inicio del FORM-->

    <form action="https://formspree.io/f/xrgjqgye"  method="POST">  <!--atributo action para interarctuar con JS para enviar información-->
        <!--aqui va el URL de la base de datos-->
    <label for ="usuario">
        <span> Nombre del interesado </span>
        <input type="text" name="usuario" id="usuario" autocomplete="name" required>
    </label>

<label for="calendario " >
    <span> Fecha de la solicitud  </span>
    <input type="datetime-local" id="calendario" name="calendario" required>
</label>

<label for ="rfc">
    <span> RFC del beneficiario </span>
    <input type="text" name="rfc" id="rfc" autocomplete="rfc" required>
</label>
<br>
<br>
<label for ="rfc">
    <span> RFC del trabajador </span>
    <input type="text" name="rfc_trabajador" id="rfc_trabajador" autocomplete="rfc" required>
</label>

<label for ="telefono">
    <span> Número telefónico de contacto</span>
    <input type="number" name="telefono" id="telefono" autocomplete="phone" required>
</label>

<label for ="cuenta">
    <span>Número de cuenta</span>
    <input type="text" name="cuenta" id="cuenta" autocomplete="cuenta" required>
</label>

<label for ="clabe">
    <span>Número CLABE</span>
    <input type="text" name="clabe" id="clabe" autocomplete="clabe" required>
</label>
<br>
<br>
<label for ="banco">
    <span>Nombre del Banco</span>
    <input type="text" name="banco" id="banco" autocomplete="banco" required>
</label>

<label for ="motivo">
    <span>Motivo</span>
    <input type="text" name="motivo" id="motivo" autocomplete="motivo" required>
</label>

<label for ="email">
    <span>Dirección de correo electrónico</span>
    <input type="text" name="email" id="email" autocomplete="email" required>
</label>

<br>
<br>

<label for ="archivos">
    <span>Manda tus archivos de soporte</span>
    <input type="file" name="archivos" id="archivos" autocomplete="archivos" required>
    </label>


<br>
<br>
<button type="submit" >Enviar formato</button>

</form>
    <br>
    <br>
    <script src="formatosnomina.js"></script>

    <p>Av. Araucarias #5, Edificio Orense II, Col. Badillo C.P. 91190, Xalapa, Ver. </p>
    <p> Tel. 228 8-41-77-00 Ext. 7203,7209,7289</p>

</body>
</html>