Form by guilhermeyohan

Made by

@guilhermeyohan

Theme:

Dark

#form

#212121

465 views

CSSAdd prefixes

1.container {
2  max-width: 300px;
3  margin: 0 auto;
4  padding: 20px;
5  background-color: #13121269;
6  border-radius: 5px;
7}
8
9label {
10  font-weight: bold;
11  display: block;
12  margin-bottom: 10px;
13}
14
15.inpdddut[type="file"] {
16  padding: 10px;
17  margin-bottom: 20px;
18  border: none;
19  background-color: #1aa3bb;
20  border-radius: 5px;
21  width: 100%;
22  cursor: pointer;
23}
24
25.inpdddut[type="submit"] {
26  padding: 10px 20px;
27  background-color: #008CBA;
28  color: #fff;
29  border: none;
30  border-radius: 5px;
31  cursor: pointer;
32}
33
34.inpdddut[type="submit"]:hover {
35  background-color: #006F8F;
36}
37

.container {
  max-width: 300px;
  margin: 0 auto;
  padding: 20px;
  background-color: #13121269;
  border-radius: 5px;
}

label {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.inpdddut[type="file"] {
  padding: 10px;
  margin-bottom: 20px;
  border: none;
  background-color: #1aa3bb;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
}

.inpdddut[type="submit"] {
  padding: 10px 20px;
  background-color: #008CBA;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.inpdddut[type="submit"]:hover {
  background-color: #006F8F;
}

HTML

1<div class="container">
2		<form>
3			<label for="arquivo">Choose a file:</label>
4			<input accept=".jpg, .jpeg, .png, .gif, .pdf" class="inpdddut" name="arquivo" id="arquivo" type="file">
5			<input value="Send" type="submit" class="inpdddut">
6		</form>
7	</div>

<div class="container">
		<form>
			<label for="arquivo">Choose a file:</label>
			<input accept=".jpg, .jpeg, .png, .gif, .pdf" class="inpdddut" name="arquivo" id="arquivo" type="file">
			<input value="Send" type="submit" class="inpdddut">
		</form>
	</div>