LABORATORIO DE COMPUTACION: julio 2016

viernes, 29 de julio de 2016

ACTUALIZACIÓN DE FORMULARIO

body{
background:#A9E2F3;
}
#menu{
text-align:center;
font-family:arial;
font-size:20px;
margin-top:12px;
}
#menu li{
display:inline-block;
padding:14px 14px;
background:#58ACFA;
}
#menu li a{
text-decoration:none;
color:#151515;
}
#menu li a:hover{
background:#8181F7;

}
#parrafo1{
background:#58ACFA;
width:48%;
height:50%;
float:left;
padding:12px 12px;
text-align:justify;
}
#parrafo2{
background:#58ACFA;
width:45%;
height:50%;
float:right;
padding:12px 12px;
text-align:justify;
}
form{
width:50%;
height:60%;
margin:0 auto;
border:1px solid blue;
padding:12px 12px;
}
label{
font-family:arial;
font-size:14px;
width:90%;

}
input{
display:block;
width:90%;
margin-bottom:12px;
}
textarea{
width:90%;
height:20%;
}
button{
background:blue;
cursor:pointer;
padding:12px 12px;
border-radius: 0.5em;

}
button:hover{
background:#81BEF7;
}
input:focus{
border:2px solid blue;
}

miércoles, 27 de julio de 2016

estilos de contactos

label{
font-family:arial;
font-size:14px;
width:90%;

}
input{
display:block;
width:90%;
margin-bottom:12px;
}
textarea{
width:90%;
height:20%;
}
button{
background:blue;
cursor:pointer;
padding:12px 12px;

}

miércoles, 20 de julio de 2016

FORMULARIO CON INPUT Y LABELS

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css"
href="css/estilos.css">
<meta charset="utf-8">
</head>
<body>
<form action="guardar.php" method="post">
<label for="nombre">INGRESE SU NOMBRE</label>
<input type="text" name="nombre"
placeholder="ingrese su nombre"></input>
<label for="email">INGRESE SU CORREO</label>
<input type="email" name="correo"
placeholder="ingrese su correo"></input>
<label for="comentario">
ENCRIBA SU COMENTARIO</label>
<textarea type="text" name="comentario">
</textarea>
<button type="submit" value="comentario">
GUARDAR
</button>
</form>
</body>
</html>