html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<title>HTML Forms</title>
</head>
<body>
<form action="https://www.google.fr">
<input type="email" placeholder="Email" required>
<input type="password" placeholder="Password" required>
<div>
<input type="checkbox" id="label" required>
<label id="text-label" for="label">Accept Therms and Conditions.</label>
</div>
<button class="login" type="sumbit">Login</button>
</form>
<h3 style="text-align : center;">This form created by Zohir</h3>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
form {
margin: 20px;
}
input {
width: 100%;
height: 40px;
padding-left: 10px;
outline: none;
margin-top: 10px;
transition : 0.45s;
border-radius: 2px;
border-color: black;
}
#label {
width: 5%;
padding-top: -20px;
}
input:hover {
background-color: blue;
border : 1.2px solid black;
color: white;
}
input:active:before {
border-color: 1px solid black;
Enter to Rename, Shift+Enter to Preview
js
js
1
// No function for JavaScript ;-)
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run