|
Aplicar estilo a un formulario especifico |
|
|
|
lunes, 31 de julio de 2006 |
|
En este ejemplo mostramos dos formularios en la misma pagina uno con Id: colorido y otro Id: no_colorido.
Como se puede observar el formulario colorido tiene el estilo aplicado, sin embargo el no_colorido no lo tiene, de esta forma conseguimos aplicar el estilo al formulario que deseemos.
Codigo:
<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>
<head>
<style>
form#colorido {
background-color: #cccccc;
color: #333333;
border: 1px solid #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
}
</style>
</head>
<body>
<form name="colorido" id="colorido"method="post" action="">
<label> Nombre:
<input type="text" name="textfield">
Email:
<input type="text" name="textfield2">
</label>
</form>
<br>
<form name="no_colorido" id="no_colorido"method="post" action="">
<label> Nombre:
<input type="text" name="textfield3">
Email:
<input type="text" name="textfield22">
</label>
</form>
</body>
Fuente: tutores.org |