TALLER INTEGRACIÓN DE SOFTWARE

SEMANA 2

Carolina Campos
28-11-2022
Ingeniería en Informática
DESARROLLO
Interfaz
CSS

*{box-sizing:border-box;}

form{
width:300px;
padding:16px;
border-radius:10px;
margin:auto;
background-color:#ccc;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

form label{
width:72px;
font-weight:bold;
display:inline-block;
}

form input[type="text"],
form input[type="date"],
form input[type="email"]{
width:180px;
 padding:3px 10px;
border:1px solid #f6f6f6;
border-radius:3px;
background-color:#f6f6f6;
margin:8px 0;
display:inline-block;
}

form input[type="submit"]{
width:100%;
padding:8px 16px;
margin-top:32px;
border:1px solid #000;
border-radius:5px;
display:block;
color:#fff;
background-color:#000;
}

form input[type="submit"]:hover{
cursor:pointer;
}

textarea{
width:100%;
height:100px;
border:1px solid #f6f6f6;
border-radius:3px;
background-color:#f6f6f6;
margin:8px 0;
/*resize: vertical | horizontal | none | both*/
resize:none;
display:block;
}

fieldset {

background:#b8d1f5;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
border-color: #9fb3fc;
}

.select-css {
font-size: 12px;
 font-family: 'Arial', sans-serif;
font-weight: 400;
color: #444;
line-height: 1.3;
padding: .4em 1.4em .3em .8em;
border:1px solid #000;
border-radius:5px;
}
.select-css::-ms-expand {
display: none;
}
.select-css:hover {
border-color: #888;
}
.select-css:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none;
}
.select-css option {
font-weight:normal;
}
FORMULARIO HTML
CONEXIÓN A BD

MODEL
CONTROLLER
BD
REFERENCIAS BIBLIOGRÁFICAS
IACC. (2022). Taller de Integración de Software. Diseño de Formulario. Semana 2