Ahora que has terminado de escribir el código HTML de tu formulario, guárdalo y observa lo que ocurre en un navegador. Por ahora, se verá bastante feo.
Formulario
Aplicar estilo básico a un formulario
Nota:
Si crees que no has escrito bien el código HTML, compáralo con nuestro ejemplo final: véase first-form.html (ver en vivo).
Resulta notablemente difícil aplicar estilo a los formularios. Está más allá del alcance de este artículo enseñarte cómo aplicar estilo a los formularios en detalle, por lo que por el momento solo vamos a exponer cómo añadir un poco de CSS para que se vea un poco bien.
En primer lugar, añade un elemento <style> a tu página, dentro de la cabecera del HTML. Debe quedar así:
Dentro de las etiquetas style, añade el código CSS siguiente:
.png "carbon(153).png")
Guarda y vuelve a cargar, y observa que tu formulario presenta un aspecto mucho menos feo.
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0