· 4 years ago · Jun 29, 2021, 09:26 PM
1<!doctype html>
2<html lang="en">
3
4<head>
5 <!-- Required meta tags -->
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
9 <!-- Bootstrap CSS -->
10 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
11 integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
12
13 <title>Formularios</title>
14</head>
15
16<body>
17 <div class="container">
18 <h1 class="mb-4">Formularios</h1>
19 <form action="scripts/mail.php" method="POST">
20
21 <div class="form-row">
22 <div class="form-group col-md">
23 <label for="nombre">Nombre</label>
24 <input type="text" class="form-control" pattern="[a-zA-Z]+" name="nombre" id="nombre" placeholder="Nombre"
25 value="Matias" required>
26 </div>
27 <div class="form-group col-md">
28 <label for="apellido">Apellido</label>
29 <input type="text" class="form-control" pattern="[a-zA-Z]+" id="apellido" name="apellido"
30 placeholder="Apellido" required>
31 </div>
32 </div>
33
34 <div class="form-group">
35 <label for="email">Correo Electronico</label>
36 <input type="email" class="form-control" pattern=".+@gmail\.com" name="email" id="email"
37 placeholder="Solo cuentas @gmail.com" required>
38 </div>
39
40 <div class="form-group">
41 <label for="email2"></label>
42 <select name="email2" id="email2">
43 <option value=""></option>
44 </select>
45 </div>
46
47 <div class="form-row">
48 <div class="form-group col-md-1">
49 <label for="codpais">Cod. Pais</label>
50 <input type="number" class="form-control" pattern="[0-9]{3}" id="codpais" name="codpais">
51 </div>
52
53 <div class="form-group col-md">
54 <label for="telefono">Telefono</label>
55 <input type="tel" class="form-control" pattern="[0-9]{4}-[0-9]{4}" name="telefono" id="telefono"
56 placeholder="Formato: 1111-1111">
57 </div>
58 </div>
59
60 <div class="form-group">
61 <label for="consulta">Consulta</label>
62 <textarea name="consulta" class="form-control" id="consulta" cols="10" required rows="10"
63 maxlength="100"></textarea>
64 </div>
65
66 <div class="form-group">
67 <input type="submit" class="btn btn-lg btn-outline-success" value="Enviar">
68 </div>
69 </form>
70 </div>
71 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
72 integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
73 </script>
74 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
75 integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous">
76 </script>
77</body>
78
79</html>