CASO 2: FORMULARIO INFORMACIÓN ADICIONAL

En el siguiente artículo se explicará cómo fue implementado el código del caso FORMULARIO INFORMACIÓN ADICIONAL de la funcionalidad Formulario Para la implementación de esta funcionalidad se usó el lenguaje de programación PHP, además se usa el método GET para el envío de datos entre la plataforma web Verifíquese Cédula Almacén y la plataforma móvil Verifíquese Cédula Premium, puedes descargar el código fuente pulsando en el siguiente enlace Clic aquí para descargar el código fuente.

El siguiente código pertenece al formulario:

<!doctype html>
<html>
<head>
<title>Formulario</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
#form{
width: 900px;
height: auto;
backgroud-image: url(aquí la ruta de la imagen de fondo);
margin: 0 auto;
padding: 0 1%;
box-shadow: 5px 5px 0 #AAA;
border-radius: 5px;
}
body{
font-family: "Open Sans", Arial, sans-serif;
font-size: 25;
font-weight: 350;
color: #333;
}

input{
width: 98%;
height: 40px;
font: 300 40px "Open Sans", Arial, sans-serif;
margin: 5px 0 10px 0;
}
textarea{
border: 1px solid #888;
width: 98%;
height: 100px;
font-size: 25px;
}
input[type=submit]{
background-color:#FF9900;
height:50px;
width:98%;
//border:none;
font-weight:400;
letter-spacing:2px;
color:#FFFFFF;
}
label{
font-size: 30px;
}

button{
background-color:#FF9900;
height:90px;
width:98%;
//border:none;
font-weight:400;
letter-spacing:2px;
color:#FFFFFF;
margin-top: 10px;
font-size: 40px;
}
h2{
font-size: 80px;
color: #FF9900;
text-shadow: 2px 2px #222;
font-family: "Open Sans";
border-bottom: 2px solid #FFF;
text-align: center;
margin: 0 0 5px 0;
}
</style>
</head>
<body>
<div name="form" id="form">
<form name="froma" id= "forma">
<h2>Formulario</h2>
<label>Primer Nombre</label>
<input id="nombre" type="text" name="primer_nombre"  value="<?php Print htmlspecialchars($_GET["orh"])?>">

<label>Segundo Nombre</label>
<input id="nombre2" type="text" name="segundo_nombre"  value="<?php Print htmlspecialchars($_GET["bdh"])?>">

<label>Primer apellido</label>
<input id="apellido" type="text" name="primer_apellido"  value="<?php Print htmlspecialchars($_GET["wso"])?>">

<label>Segundo apellido</label>
<input id="apellido" type="text" name="segundo_apellido"  value="<?php Print htmlspecialchars($_GET["pur"])?>">

<label>Número documento</label>
<input id="cc" type="text" name="numero_documento" value="<?php Print htmlspecialchars($_GET["gel"])?>">

<label>País documento</label>
<input id="pd" type="text" name="pais_documento" value="<?php Print htmlspecialchars($_GET["wad"])?>">

<label>Tipo documento</label>
<input id="td" type="text" name="tipo_documento" value="<?php Print htmlspecialchars($_GET["qwe"])?>">

<label>Fecha de lectura</label>
<input id="td" type="text" name="fecha_lectura" value="<?php Print htmlspecialchars($_GET["tyu"])?>">

<label>Latitud</label>
<input id="lat" type="text" name="latitud" value="<?php Print htmlspecialchars($_GET["klz"])?>">

<label>Longitud</label>
<input id="lon" type="text" rows="10" cols="80" name="longitud" value="<?php Print htmlspecialchars($_GET["sde"])?>">

<label>Información extra</label>
<br/>
<textarea id="ext" name="extra" value="">
<?php Print htmlspecialchars($_GET["xlq"])?>
</textarea>
<br/>

<label>Adicional 1</label>
<input id="d" type="text" name="adicional1">
<label>Adicional 2</label>
<input id="d" type="text" name="adicional2">
<label>Adicional 3</label>
<input id="e" type="text" name="adicional3">
<label>Adicional 4</label>
<input id="f" type="text" name="adicional4">
<label>Adicional 5</label>
<input id="g" type="text" name="adicional5">
<label>Fecha</label>
<input id="h" type="date" name="adicional6">
<label>Color</label>
<input id="h" type="color" name="adicional6">
<select name=seleccionar style="font-size:35px">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<button name="boton" id="button">Clic aquí</button>
<br/>
<br/>
<br/>
<br/>
<br/>
</form>
</div>
</body>
</html>

En el anterior formulario se toman los datos enviados desde la aplicación móvil Verifíquese Cédula Premium en este formulario hay unos campos adicionales en los cuales se puede colocar cualquier información adicional relevante del documento, cuando se pulsa en el botón Aceptar se envía, por método GET, toda la información del documento y la información adicional a la aplicación móvil Verifíquese Cédula Premium.