Cadastro de Produtos
How do I make an cadastro de produtos?
What is a cadastro de produtos? How do you make a cadastro de produtos? This script and codes were developed by Clayton on 04 November 2022, Friday.
Cadastro de Produtos - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cadastro de Produtos</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!--formulário para captura dos dados -->
<header>
<h3>Cadastro de Produtos</h3>
<form action="inclusao.php" method="post" enctype="multipart/form-data"> </header> <div>Nome:</div> <br> <div><input style = "width:350px;" type="text" name="nome"></div>
<br> <div>Número da Categoria:</div> <br> <div><input style = "width:40px;" type="text" name="categoria"></div>
<br>
<div>Descrição:</div> <br>
<div><textarea class="textarea" name="descricao"></textarea></div><br>
<br>
<div>Preço:</div>
<br>
<div><input style = "width:140px;" type="text" name="preco"></div>
<br>
<div>Tamanho:</div>
<br>
<div><input style = "width:140px;" type="text" name="tamanho"></div>
<br>
<div>Cor:</div>
<br>
<div><input style = "width:140px;" type="text" name="cor:"></div>
<br>
<div>Foto:</div>
<br>
<div><input type="file" name="foto_filme" size="50"></div>
<br>
<div><input type="submit" value="Enviar"></div>
</form>
</body>
</html>
Cadastro de Produtos - Script Codes CSS Codes
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding: 20px 15%;
}
h3{text-align:center;margin-top:15px;}
.textarea {
width:25em;
height:15em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form header {
margin: 0 0 20px 0;
}
form header div {
font-size: 90%;
color: #999;
}
form header h2 {
margin: 0 0 5px 0;
}
form > div {
clear: both;
overflow: hidden;
padding: 1px;
margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
margin: 0 0 5px 0;
}
form > div > label,
legend {
width: 25%;
float: left;
padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
width: 75%;
float: right;
}
form > div > fieldset label {
font-size: 90%;
}
fieldset {
border: 0;
padding: 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
width: 100%;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
outline: 0;
border-color: #4697e4;
}
@media (max-width: 600px) {
form > div {
margin: 0 0 15px 0;
} form > div > label, legend { width: 100%; float: none; margin: 0 0 5px 0; } form > div > div, form > div > fieldset > div { width: 100%; float: none; } input[type=text], input[type=email], input[type=url], input[type=password], textarea, select { width: 100%; }
}
@media (min-width: 1200px) {
form > div > label,
legend {
text-align: right;
}
}
Developer | Clayton |
Username | x-gyba |
Uploaded | November 04, 2022 |
Rating | 3 |
Size | 2,170 Kb |
Views | 14,168 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Vitrine Responsiva | 3,775 Kb |
Back to top | 1,879 Kb |
Vitrine Responsiva Final | 21,911 Kb |
Responsive Shop | 2,178 Kb |
My Footer | 2,173 Kb |
Navbar | 3,470 Kb |
Menu | 1,896 Kb |
My Responsive Menu teste | 2,096 Kb |
Layout | 4,234 Kb |
Teste | 2,534 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Pruebas de d3.js | Juanmanuelcarnerero | 2,485 Kb |
The Fantastic Mr Fox | MalZiiirA | 10,435 Kb |
DFF Website | Hawcubite | 10,123 Kb |
Tab Menus | Zephyr | 3,180 Kb |
A Pen by Rob Levin | Roblevin | 2,787 Kb |
Draggable directive | YahyaKacem | 2,277 Kb |
Magnus 3 | ARocketfish | 7,944 Kb |
Blank Starter | Mhartington | 2,171 Kb |
Sequence.js - Sliding Horizontal Parallax | Maheshc | 4,537 Kb |
Preloader | Rikki_Sixx | 2,815 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!