lunes, noviembre 14, 2016

Ejercicio HTML+CSS y PHP

Comparto una práctica de la utilización del html y css con integración del php

Archivo factura.html

<html>
<head>
 <title>Factura de compra</title>

 <link href="" rel="stylesheet" type="text/css"></link>
</head> 
<body>
  <form action="procesar.php" method="POST">
 <table align="center" border="1" style="width: 50%px;">
<tr>
   <td align="center" colspan="2"><h1>
Datos del Cliente</h1>
</td>
  </tr>
<tr>
   <td align="right">Nombre y apellido</td>
   <td><input name="nombre" type="text" />
  </td></tr>
<tr>
   <td align="right">Cédula de identidad</td>
   <td><input name="ci" type="text" />
  </td></tr>
<tr>
   <td align="right">Dirección</td>
   <td><input name="direc" type="text" />
  </td></tr>
<tr>
   <td align="right">Teléfono</td>
   <td><input name="tlf" type="text" />
  </td></tr>
</table>
<table align="center" border="1" style="width: 50%px;">
<tr>
   <td align="center" colspan="3"><h2>
Descipción de la compra</h2>
</td>
  </tr>
<tr>
   <td align="center">Cantidad</td>
   <td align="center">Descipción</td>
   <td align="center">Precio</td>
   
  </tr>
<tr>
   <td align="center"><input name="cant1" size="4" type="text" />
   <td align="center"><input name="producto1" size="60" type="text" />
   <td align="center"><input name="precio1" size="10" type="text" />
  </td></td></td></tr>
<tr>
   <td align="center"><input name="cant2" size="4" type="text" />
   <td align="center"><input name="producto2" size="60" type="text" />
   <td align="center"><input name="precio2" size="10" type="text" />
  </td></td></td></tr>
<tr>
   <td align="center"><input name="cant3" size="4" type="text" />
   <td align="center"><input name="producto3" size="60" type="text" />
   <td align="center"><input name="precio3" size="10" type="text" />
  </td></td></td></tr>
<tr>
   <td align="center"><input name="cant4" size="4" type="text" />
   <td align="center"><input name="producto4" size="60" type="text" />
   <td align="center"><input name="precio4" size="10" type="text" />
  </td></td></td></tr>
<tr>
   <td align="center"><input name="cant5" size="4" type="text" />
   <td align="center"><input name="producto5" size="60" type="text" />
   <td align="center"><input name="precio5" size="10" type="text" />
  </td></td></td></tr>
<tr>
   <td align="center" colspan="3"><input name="enviar" type="submit" />
  </td></tr>
</table>
</form>
</body>

</html>

Archivo procesar.php

<html>
<head>
 <title>Factura de compra</title>
 <meta charset="UTF-8">
 <link rel="stylesheet" type="text/css" href="">
 <?php 
  $nombre=$_POST['nombre'];
  $ci=$_POST['ci'];
  $direc=$_POST['direc'];
  $tlf=$_POST['tlf'];

  $cant1=$_POST['cant1'];
  $producto1=$_POST['producto1'];
  $precio1=$_POST['precio1'];
  $subtotal1=$cant1*$precio1;

  $cant2=$_POST['cant2'];
  $producto2=$_POST['producto2'];
  $precio2=$_POST['precio2'];
  $subtotal2=$cant2*$precio2;

  $cant3=$_POST['cant3'];
  $producto3=$_POST['producto3'];
  $precio3=$_POST['precio3'];
  $subtotal3=$cant3*$precio3;

  $cant4=$_POST['cant4'];
  $producto4=$_POST['producto4'];
  $precio4=$_POST['precio4'];
  $subtotal4=$cant4*$precio4;

  $cant5=$_POST['cant5'];
  $producto5=$_POST['producto5'];
  $precio5=$_POST['precio5'];
  $subtotal5=$cant5*$precio5;

  $subtotal=$subtotal1+$subtotal2+$subtotal3+$subtotal4+$subtotal5;
  $impuesto=$subtotal*0.12;
  $total=$subtotal+$impuesto;
 ?>

</head> 
<body>
 <form action="procesar" method="POST">
 <table border=1 width=50% align="center">
  <tr>
   <td colspan="2" align="center"><h1>Datos del Cliente</h1></td>
  </tr>
  <tr>
   <td align="right">Sr/Sra.</td>
   <td><?php echo $nombre;?></td>
  </tr>
  <tr>
   <td align="right">Cédula de identidad</td>
   <td><?php echo $ci;?></td>
  </tr>
  <tr>
   <td align="right">Dirección</td>
   <td><?php echo $direc;?></td>
  </tr>
  <tr>
   <td align="right">Teléfono</td>
   <td><?php echo $tlf;?></td>
  </tr>
 </table>
 <table border=1 width=50% align="center">
  <tr>
   <td colspan="4" align="center"><h2>Descipción de la compra</h2></td>
  </tr>
  <tr>
   <td align="center">Cantidad</td>
   <td align="center">Descipción</td>
   <td align="center">Precio</td>
   <td align="center">Subtotal</td>
   
  </tr>
  <tr>
   <td align="center"><?php echo $cant1;?>
   <td align="center"><?php echo $producto1;?>
   <td align="center"><?php echo $precio1;?>
   <td align="center"><?php echo $subtotal1;?>
  </tr>
   <tr>
   <td align="center"><?php echo $cant2;?>
   <td align="center"><?php echo $producto2;?>
   <td align="center"><?php echo $precio2;?>
   <td align="center"><?php echo $subtotal2;?>
  </tr>
  <tr>
   <td align="center"><?php echo $cant3;?>
   <td align="center"><?php echo $producto3;?>
   <td align="center"><?php echo $precio3;?>
   <td align="center"><?php echo $subtotal3;?>
  </tr>
  <tr>
   <td align="center"><?php echo $cant4;?>
   <td align="center"><?php echo $producto4;?>
   <td align="center"><?php echo $precio4;?>
   <td align="center"><?php echo $subtotal4;?>
  </tr>
  <tr>
   <td align="center"><?php echo $cant5;?>
   <td align="center"><?php echo $producto5;?>
   <td align="center"><?php echo $precio5;?>
   <td align="center"><?php echo $subtotal5;?>
  </tr>
  <tr>
   <td colspan="3" align="right">Subtotal</td>
   <td align="center"><?php echo $subtotal;?></td>
  </tr>
  <tr>
   <td colspan="3" align="right">I.V.A. (12%)</td>
   <td align="center"><?php echo $impuesto;?></td>
  </tr>
  <tr>
   <td colspan="3" align="right">Total</td>
   <td align="center"><?php echo $total;?></td>
  </tr>

 </table>
 </form>
</body>

</html>

No hay comentarios:

Publicar un comentario