Explora Libros electrónicos
Categorías
Explora Audiolibros
Categorías
Explora Revistas
Categorías
Explora Documentos
Categorías
Programación Web II
Instituto IACC
15 de noviembre de 2020
Desarrollo
1. Cree un formulario HTML para ingresar los datos básicos de las características de un
auto, tales como: matrícula, serial del motor, serial de la carrocería, marca, modelo, año,
color y precio.
- Código:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
fit=no">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JX
m" crossorigin="anonymous">
<title>Programacion</title>
</head>
<body>
<!-- Optional JavaScript -->
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5K
kN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-
ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-
JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<form>
<fieldset>
<legend><h3>Caracteristicas de Vehiculo</h></legend><br>
<br>
Marca:<br>
Modelo:<br>
<input type="text" id="txtModelo">
<br>
Año:<br>
Color:<br>
<br>
Patente:<br>
Serie Motor:<br>
Serie Carroceria:<br>
Precio:<br>
<br>
</fieldset>
</form>
</body>
<
</html>
2. Para el formulario HTML creado en el punto anterior, escriba el código JavaScript
- Código:
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Programacion</title>
</head>
<body>
<scrip>
function asignar(){
document.getElementById("txtMarca");
document.getElementById("txtModelo");
document.getElementById("txtAño");
document.getElementById("txtColor");
document.getElementById("txtPatente");
document.getElementById("txtSerie Motor");
document.getElementById("txtSerie Carroceria");
document.getElementById("txtPrecio");
</script>
</body>
<
</html>
3. Escriba el código PHP necesario para capturar o extraer los datos enviados desde el formulario
HTML creado en el punto 1 usando la variable global predefinida $_POST, dichos valores deben
ser asignados o seteados mediante sus correspondientes métodos set a los atributos de un objeto
de tipo Auto (Clase Auto creada por usted), para luego visualizar sus valores utilizando sus
- Código:
<?php
Objetos_Auto=new Auto();{
private $Marca;
private $Modelo;
private $Año;
private $Color;
private $Patente;
private $Precio;
$this->Marca= $Marca;
public functiongetMarca(){
return $this->Marca;
$this->Modelo= $Modelo;
public functiongetModelo(){
return $this->Modelo;
$this->Año= $Año;
public functiongetAño(){
return $this->Año;
$this->Marca= $Color;
public functiongetColor(){
return $this->Color;
$this->Patente= $Patente;
public functiongetPatente(){
return $this->Patente;
$this->Precio= $Precio;
public functiongetprecio(){
return $this->Precio;
$_POST["formulario"]
$Marca= $_POST["Marca"];
$Modelo= $_POST["Modelo"];
$Año= $_POST["Año"];
$Color= $_POST["Color"];
$Patente= $_POST["Patente"];
$Precio= $_POST["Precio"];
echo"<b>Caracteristicas de Vehiculo</b></br>";
echo "Marca:".$objetoMarca->getMarca()."</br>";
echo "Modelo:".$objetoModelo->getModelo()."</br>";
echo "Año:".$objetoAño->getAño()."</br>";
echo "Color:".$objetoColor->getColor()."</br>";
echo "Patente:".$objetoPatente->getPatente()."</br>";
echo "Precio:".$objetoPrecio->getPrecio()."</br>";
?>
Bibliografía
- https://www.youtube.com/watch?v=nLrL9Ip3tWI&ab_channel=Bluuweb%21