"Untitled"
Bootstrap 4.1.1 Snippet by JavierRomero

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <title>Javier Romero</title> <meta charset="UTF-8"> <meta name="Formulario" content="width=device-width, initial-scale=1.0"> </head> <body style="cursor: crosshair;"> <div> <form name="formulario_trabajador" action="procesar.php" method="post"> <table border="0" style="font-family: verdana; background-color: whitesmoke;"> <tr > <td colspan="2" style="font-size: 19px; text-align: center; background-color: green; height: 50px;">Relacion de Trabajadores</td> </tr> <tr> <td>Cedula:</td> <td> <input id="txt_cedula" pattern="[0-9]{11}" name="txt_cedula" title="Solo Numeros" required/> </td> </tr> <tr> <td>Nombre:</td> <td> <input type="text" name="txt_nombre"/> </td> </tr> <tr> <td>Apellido1:</td> <td> <input type="text" name="txt_ape1"/> </td> </tr> <tr> <td>Apellido2:</td> <td> <input type="text" name="txt_ape2"/> </td> </tr> <tr> <td>Sexo:</td> <td> <input type="radio" name="r_sexo" value="m"/>Masculino <input type="radio" name="r_sexo" value="f"/>Femenino </td> </tr> <tr> <td valign="top">Nivel de Estudios:</td> <td> <input type="checkbox" name="ch_estudio" value="1"/>Iletrado <br/> <input type="checkbox" name="ch_estudio" value="2"/>Medio <br/> <input type="checkbox" name="ch_estudio" value="3"/>Universidad <br/> </td> </tr> <tr> <td >Ciudad:</td> <td > <select name="cmb_ciudad"> <option value="1">Liberia</option> <option value="2">Limon</option> <option value="3">Heredia</option> </select> </td> </tr> <tr> <td>Curriculo:</td> <td> <input type="file" name="file_curr"/> </td> </tr> <tr> <td>Foto</td> <td> <input type="file" name="file_foto"/> </td> </tr> <tr > <td colspan="2" style="font-size: 19px; text-align: center; background-color: green; height: 50px;"> <input type="submit" name="btn_agregar" style="height: 40px; width: 165px; font-size: 18px; font-family: verdana;" /> </td> </tr> </table> <label style="font-size: 70px;">CISOFT Cierra En:</label> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día" style="font-size: 170px;"> <script language="JavaScript"> var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 16-tiempo.getHours(); var minutos = 89-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.formulario_trabajador.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } </script> </form> </div> </body> </html>
.nombre txt_nombre{ background-color: #555; }

Related: See More


Questions / Comments: