Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
.nombre {
}
.email {
}
.telefono {
}
.localidad {
}
.area {
}
.dimension {
}
.archivos {
}
.consulta {
}
.encuesta {
}
.botonenviarlo {
clear: right;
float: right;
}
.perfect {
text-align: center;
display: block;
background-color: #3CF;
width: 200px;
right: auto;
clip: rect(auto,auto,auto,auto);
clear: left;
float: left;
}
.perfect2 {
text-align: center;
display: block;
clear: left;
float: left;
background-color: #F36;
width: 400px;
right: auto;
clip: rect(auto,auto,auto,auto);
}
.transparente {
display: none;
}
<form method="post" name="formulariotipopresupuesto"> <div><input name="nombre" type="text" class="nombre" id="nombre" placeholder=" Nombre"/></div> <div><input name="email" type="text" class="email" placeholder=" E-Mail" /></div> <div><input name="telefono" type="text" class="telefono" placeholder=" Telefono" /></div> <div><input name="localidad" type="text" class="localidad" placeholder=" Localidad" /></div> <label>Indique cual sería nuestra área de trabajo:
Puede elegir más de una opción.
</label></div> <table width="717" class="area"> <input type="checkbox" name="lugardetrabajo[]" value="A"/> <input type="checkbox" name="lugardetrabajo[]" value="B"/> Local de comidas (Ej. Pizzería, rotisería, heladería)
</label></td> <input type="checkbox" name="lugardetrabajo[]" value="C"/> Exterior de una casa (Ej. jardín).
</label></td> <input type="checkbox" name="lugardetrabajo[]" value="D"/> Un negocio (Ej. Maxi quiosco, ferretería)
</label></td> <input type="checkbox" name="lugardetrabajo[]" value="E"/> Casa y jardín completos.
</label></td> <input type="checkbox" name="lugardetrabajo[]" value="F"/> Un salón (Ej. Iglesia, salón de fiestas)
</label></td> <input type="checkbox" name="lugardetrabajo[]" value="G"/> <input type="checkbox" name="lugardetrabajo[]" value="H"/> Escuela o Institución (Ej. Colegio, Jardín de infantes)
</label></td> <label>De qué tamaño aproximado considera que es el total del lugar a tratar:
</label> <table width="218" class="dimension"> <input type="radio" name="comoes" value="Grande"/> <input type="radio" name="comoes" value="Mediano"/> <input type="radio" name="comoes" value="Chico"/> <label>Si lo desea puede enviarnos una foto del lugar o la plaga que lo esté afectando.
De esta forma el presupuesto puede ser más detallado:
</label> <div><input name="enviarfoto" type="file" class="archivos" /></div> <div><select name="encuesta" id="encuesta" class="encuesta" > <option selected="selected">-Elija una respuesta...
</option>
<div id="perfecto" class="perfect" style="display:none">enviado!
<div id="road" class="perfect2 transparente" >pensando...
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="scripts/funcionesdos.js"></script>