Saltar la navegación

Controles de Formulario

Controles Formulario HTML
Carlos Iñiguez (Dominio público)

Dentro de las etiqueta <form> puedes incluir los siguientes controles:

  • input
    • submit
    • text
    • password
    • button
    • date
    • number
    • range
    • email
    • color
    • hidden
    • checkbox
    • radio (ingresar dos opciones)
  • select (selección única y mostrando 3 elementos)
  • select (selección múltple y mostrando 3 elementos)
  • texarea
  • button

Para poner en práctica cada uno de ellos, te propongo la siguiente actividad.

Actividad: Mi catálogo de controles de formulario

Crear un catálogo con la lista de controles indicados anteriormente. El catálogo debe ser creado en una página Web que contenga una tabla configurada como se muestra a continuación:

tabla actividad

Columna 1.- Indicar el nombre del control. Ejemplo: “input text”
Columna 2.- Escribir el código del control para que se vea su implementación
Columna 3.- Copiar el código de la columna 2 y preséntalo en pantalla.

 

NOTA: Para lograr el punto 3, debes escapar el código HTML. Esto es:

  1. Remplaza el caracter & con &amp;
  2. Reemplaza el carácter < con &lt;
  3. Reemplaza el carácter > con &gt;
  4. Opcionalmente, encapsular el código dentro de las etiquetas <pre> y /o <code>

Sin embargo, para evitar demoras en la tarea de escapado, puedes utilizar un convertidor que automatiza el escape:

Cómo ayuda inicial, se provee la plantilla HTML de la imagen de ejemplo. Suerte!