Está en la página 1de 2

<%--

Document : principal.jsp
Created on : 22 oct. 2021, 20:43:11
Author : KEVIN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link type="text/css" rel="stylesheet" href="CSS/estilos.css"/>

</head>
<body>
<nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">UTP</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-
target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#">Ejercicio 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ejercicio 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ejercicio 3</a>
</li>
</ul>
</div>
</div>
</nav>

<div class="container">
<h2 class="titulo">Venta de Productos</h2>
<<form action="resultado.jsp" >
<table class="table">
<tr>
<td>Producto: </td>
<td><select name="selectPro" class="form-control">
<option value="0"> - Selecione Producto -
</option>
<option value="1"> Televisor </option>
<option value="2"> Radio </option>
<option value="3"> Cocina </option>
</select></td>
</tr>
<tr>
<td>Cantidad: </td>
<td><input type="number" min="0" max="100" placeholder="0"
name="txtCan"> </td>
</tr>
<tr>
<td>Precio: </td>
<td><input type="number" min="0" max="100" placeholder="0"
name="txtPre"> </td>
</tr>
<tr>
<td>Categoria: </td>
<td><select name="selectCat" class="form-control">
<option value="0"> - Selecione Categoria -
</option>
<option value="A"> A </option>
<option value="B"> B </option>
<option value="C"> C </option>
</select>
</td>
</tr>
<<tr>
<<th colspan="2">
<input type="submit" name="btn" value="Calcular Venta"
class="form-control btn btn-primary">
</th>
</tr>
</table>
</form>
</div>
</body>
</html>

También podría gustarte