Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Cargar
12 vistas3 páginas

Formulario Planilla - HTML

Cargado por

Maikol Villanueva

El documento describe una página web para subir banners, incluyendo un formulario con campos para seleccionar un archivo y agregar un nombre, así como funcionalidad JavaScript para validar los datos y enviar el formulario.

Copyright:

© All Rights Reserved
Descargue como TXT, PDF, TXT o lea en línea desde Scribd
Descargar como txt, pdf o txt

Formulario Planilla - HTML

Cargado por

Maikol Villanueva
12 vistas3 páginas
El documento describe una página web para subir banners, incluyendo un formulario con campos para seleccionar un archivo y agregar un nombre, así como funcionalidad JavaScript para validar los datos y enviar el formulario.

Título original

formulario planilla.html

Derechos de autor

© © All Rights Reserved

Formatos disponibles

TXT, PDF, TXT o lea en línea desde Scribd

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

El documento describe una página web para subir banners, incluyendo un formulario con campos para seleccionar un archivo y agregar un nombre, así como funcionalidad JavaScript para validar los datos y enviar el formulario.

Copyright:

© All Rights Reserved
Descargue como TXT, PDF, TXT o lea en línea desde Scribd
Descargar como txt, pdf o txt
12 vistas3 páginas

Formulario Planilla - HTML

Cargado por

Maikol Villanueva
El documento describe una página web para subir banners, incluyendo un formulario con campos para seleccionar un archivo y agregar un nombre, así como funcionalidad JavaScript para validar los datos y enviar el formulario.

Copyright:

© All Rights Reserved
Descargue como TXT, PDF, TXT o lea en línea desde Scribd
Descargar como txt, pdf o txt
Está en la página 1/ 3

<html>

<head>
<title>Alta de Banners</title>
<style>
#mensaje { /*Etiqueta unica y exclusiva para id*/
color: #F00;
font-size: 18px;
font-weight: bold;
width: 224px;
height: 30px;
line-height: 30px;
text-align: center;
}
#mensajeCorreo { /*Etiqueta unica y exclusiva para id*/
color: #1827e0;
font-size: 18px;
font-weight: bold;
width: 500px;
line-height: 18px;
text-align: center;
}
#union{
display: flex;
}
body{
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
}
#envoltura{
position:absolute;
left:50%;
top:50%;
margin-left:-165px;
margin-top: -210px;
width: 330px;

}
#cabecera{
color: #fff;
border-bottom: 5px solid #333;
padding-top: 5px;
height:50px;
line-height:50px;
text-align:center;
}

#contenedor{
background-color:#2DAB1F;
box-shadow: 3px 3px 10px 5px rgba(0,0,0,.8);
-webkit-border-radius:5px;
-moz-border-radius:10px;
border-radius:10px;
}
#cuerpo{
background:#ececec;
border:solid #ccc;
border-width: 2px 0;
padding:15px 35px;
}
label{
color: #666;
font-weight: bold
}

input{
border-radius:5px;
box-shadow: 2px 2px 3px 1px rgba(0,0,0,.8);
font:bold 12px Arial, Helvetica, sans-serif;
height: 24px;
line-height: 20px;
padding:0 2px;
width: 230px;
}

input#usuario{
background:#ffc url(./images/loquito.jpg) no-repeat 0 2px;
}

input#contrasenia{
background:#ffc url(./images/infinio.jpg) no-repeat 0 5px;
padding-left: 25px;
}
.boton{
background: #ccc;
background: -webkit-linear-gradient(top,#fc6,#f63);
background: linear-gradient(top,#fc6,#f63);
color: #666;
width: 120px;
}
.boton:active{
position: relative;/*Animan al boton enviar para que se vea
como si se pulsara*/
top: 3px;
}

#pie{
border-top: 5px solid #333;
color: #fff;
font-size: 11px;
height: 25px;
line-height: 24px;
text-align: center;
}

form,p{
margin:0;
}

p{
padding-bottom: 15px;
}
p#bot{
padding-top: 10px;
}
</style>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
function validaDatos(){
var nombre =document.forma01.nombre.value;
var archivo =document.forma01.archivo.value;
if(nombre == "" || archivo == "" ){
$('#mensaje').html("Faltan campos por llenar");
setTimeout("$('#mensaje').html('')",5000);
}else{
document.forma01.method='post';
document.forma01.action='banners_salva.php';
document.forma01.enctype=
'multipart/form-data';
document.forma01.submit();
}

}
</script>
</head>

<body>

<div id="envoltura">
<div id="contenedor">
<div id="cabecera" > Alta de Banners </div>
<div id="cuerpo">

<a href="banners_lista.php">Regreso al listado</a><br><br><br>

<form name="forma01">
<p><label >Subir banner:</label></p>
<p><input type="file" id="archivo"
name="archivo"><br><br></p>
<p><label >Nombre:</label></p>
<p><input type="text" name="nombre" id="nombre"
placeholder="Etiqueta"/><br></p>
<p><input type="submit" value="Guardar Registro"
onclick="validaDatos();return false;"/></p>
<div id="mensaje"></div>
</form>
</div>
</div>
</div>
</body>

</html>

También podría gustarte