Estructura HTML básica de un formulario CSS

Código HTML de ejemplo para mostrar la estructura básica de un formulario estilizado con CSS

<form name="form" action="/admin/index.asp" method="post" style="padding-left:4em">
 <input type="hidden" name="enviado" id="enviado" value="si">
 <fieldset style="width:80%; font-size:100%;">
   <p style="margin-left:4em">Área disponible solamente para usuarios registrados.<br>
   Identifíquese por favor:</p><br>
   <div class="notes">
     <h4>información</h4>
     <p>Introduzca como usuario un e-mail válido y su contraseña</p>
   </div>
   <div>
     <label for="user">Usuario:</label>
     <input type="text" name="user" id="user" value="" class="validate-email">
     <small>Email válido</small>
   </div>
   <div>
     <label for="password">Contraseña:</label>
     <input type="password" name="password" id="password">
     <small>Contraseña entre 4 y 12 caracteres</small>
   </div>
   <div class="submit">
     <input type="submit" name="ok" title="Enviar" value=" " class="button submit">
   </div>
 </fieldset>
</form>
Guarda   |   Imprime   |   Recomienda
  • email
  • Print
  • PDF
  • RSS
  • Google Bookmarks
  • Technorati
  • Meneame
  • Digg
  • TwitThis
  • MySpace
  • Yahoo! Bookmarks
  • del.icio.us
  • Facebook
  • Bitacoras.com
  • Live
  • StumbleUpon
  • Wikio
  • Netvibes
  • BarraPunto

Otros artículos de esta serie:

Publicar un Comentario

Si es la primera vez que escribes, tu comentario será moderado por un administrador.

Con el fin de garantizar un ambiente de debate respetuoso, no se permitirán comentarios:

  • insultantes, difamatorios, racistas, sexistas, y/o discriminatorios
  • excesivamente críticos con otros participanes
  • que no aporten nada, sin sentido o repetidos
  • con enlaces considerados publicidad o spam
  • con material protegido por derechos de autor
*
*