Formularios sencillos

HTML también incluye elementos para crear aplicaciones web. El estándar HTML permite crear formularios para que los usuarios interactúen con las aplicaciones web.

HTML5 hace que el desarrollo de formularios sea mucho más sencillo que antes. Se han añadido dos nuevos métodos que pueden ser utilizados en la acción del formulario (update y delete), pero lo más interesante son los nuevos tipos de input y elementos de formulario que mejoran la experiencia del usuario y facilitan el desarrollo de los formularios.

Estos nuevos elementos añaden en algunos casos, validaciones propias de sus datos, por lo que ya no es necesario JavaScript para realizar este proceso.

Ejemplo de formulario sencillo

  <form action="" method="post">
    <label for="_nombre">Nombre.:</label>
    <input type="text" name="nombre" value="" />
    <br/>
    <label for="_email">E-mail.:</label>
    <input type="text" name="email" value="" />
    <br/>
    <label for="_pais">País...:</label>
    <input type="text" name="pais" value="" />
    <br/>
    <label for="_mensaje">Mensaje:</label>
    <input type="text" name="mensaje" value="" />
    <br/>    
    <input type="submit" value="Enviar" />
  </form>

La etiqueta form encierra todos los contenidos del formulario (botones, cuadros de texto, listas desplegables) y la etiqueta input permite definir varios tipos diferentes de elementos (botones y cuadros de texto).

En un navegador lo vemos así:

    form { font: 1em/1.5 monospace; }
    label,input { margin: 0.5em; }

• Siguiente