La semana pasada decidi avanzar un formulario y intente realizarlo con css, aqui dejo el termino y el codigo haber si a alguien le sirve:
y su respectivo estilo css:
form.formulariocontactenos {
margin-left: 100px;
width: 300px;
}
form.formulariocontactenos fieldset {
margin-bottom: 20px;
margin-left: -50px;
background:#EBEBEB;
}
form.formulariocontactenos legend {
padding: 0 3px;
font-weight: bold;
font-size: 1.6em;
}
form.formulariocontactenos fieldset ul {
margin: 0 0 0 155px;
padding: 0;
}
form.formulariocontactenos fieldset li {
list-style: none;
padding: 4px;
margin: 0;
clear: both;
}
form.formulariocontactenos label {
font-weight: bold;
float: left;
text-align:right;
margin-left: -155px;
width: 150px;
}
form.formulariocontactenos p {
margin-left: 155px;
}
form.formulariocontactenos input, form.formulariocontactenos textarea {
border: solid 1px #85b1de;
background: #fff url('formbg.gif') repeat-x;
background-position: top;
}
form.formulariocontactenos input:focus, form.formulariocontactenos textarea:focus {
background-image: none;
background-color: #ffffff;
border: solid 1px #fded7f;
}el resultado: