HTML - Form-Login en HTML Nativo sin dependencias

 
Vista:
Imágen de perfil de ScriptShow
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Form-Login en HTML Nativo sin dependencias

Publicado por ScriptShow (409 intervenciones) el 28/11/2022 00:54:39
Saludos,

Con HTML5 y CSS3 es posible crear un formulario muy sencillo y adaptable, ampliable, etc. No precisa de librerías ni frameworks, es 100% HTML Nativo Compatible.

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
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style>
* {
font-family: arial, sans-serif;
box-sizing: border-box;
border: 0px;
}
#login {
max-width: 400px;
margin: 0 auto;
padding: 20px;
background: #F4F4F4;
border: 2px solid #D4D4D4;
}
#login h2 {
margin: 20px auto;
}
#login input {
width: 100%;
margin: 10px auto;
padding: 10px;
border: 2px solid #D4D4D4;
}
</style>
</head>
<body>
<form id="login">
<h2>L O G I N</h2>
<input type="email" placeholder="Email" name="email" required/>
<input type="password" placeholder="Password" name="password" required/>
<input type="submit" value="L o g i n"/>
</form>
</body>
</html>

Espero sea útil.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder