Semana #08

En la Teórica vimos:

 


FORMULARIO


Los formularios html nos ayudan a aumentar la interactividad de nuestra web/app y nos permiten recibir información de los usuarios de nuestra web/app. Los formularios html están compuestos por campos de texto y botones.

Los formularios son un tag más de html y debe ir indicado mediante la etiqueta

y su cierre
. Todo lo que vaya dentro de estas etiquetas, serán partes del formulario.

 

La etiqueta

tiene una serie de atributos básicos:

– “action” indica el tipo de acción que va a realizar el formulario.  Si queremos que el formulario se envíe a un correo, la acción quedaría escrita de la siguiente manera:

, o que me redireccione a otro archivo htmlaction=»principal.html«>

 

-“method” . Mediante este atributo le indicamos al formulario la forma en la que el formulario será enviado. Existen dos valores posibles: get y post.

El valor get es el valor por defecto. Si no concretamos el method, la información se enviará a través de este medio.

“get” indica que los datos enviados se adjuntarán en la barra de direcciones del cliente, al final de la url correspondiente y después de un signo de interrogación de cierre. Si se envía más de un dato, éstos irán separados por el símbolo &.

El valor post indica que el método de envío no se hará a través de la url, sino formando parte del cuerpo de la petición.

 

El elemento HTML  se usa para crear controles interactivos para formularios basados en la web, que reciban datos del usuario. La forma en que funciona varía considerablemente dependiendo del valor de su atributo type, estos son algunos:

 

  • submit: Botón que envía el formulario.
  • password: Control de línea simple cuyo valor permanece oculto.
  • text: Campo de texto de línea simple. Los saltos de línea son eliminados automáticamente del valor introducido.
  • number: Control para introducir un número de punto flotante.
  • date: Control para introducir una fecha (año, mes y día, sin tiempo).
  • checkbox: Casilla de selección. Se debe usar el atributo value para definir el valor que se enviará por este elemento. Permite seleccionar más de uno.
  • radio: Botón radio. Se debe usar el atributo value para definir el valor que se enviará por este elemento.  Solo un botón radio dentro de un grupo puede ser seleccionado a la vez.
  • datalist: permite elegir de un listado.

Otros atributos del input:

  • "name":El nombre del control.
  • "placeholder": especifica una breve sugerencia que describe el valor esperado de un campo de entrada (por ejemplo, un valor de muestra o una breve descripción del formato esperado).
  • "required":este atributo indica que el usuario debe rellenar el control con un valor antes de poder enviar el formulario. Campo obligatorio.

Otros elemtos del html para formulario:

  • La etiqueta