Formularios en HTML: Tipos de elementos y atributos, Apuntes de Ciencias

¡Descarga Formularios en HTML: Tipos de elementos y atributos y más Apuntes en PDF de Ciencias solo en Docsity!

• Clase
  • HTML Parte

Formularios

Se usan para recolectar datos.

Podemos enviar los datos recolectados a un servidor.

Para crear un formulario, primero hay que indicar una

etiqueta contenedora , que va a incluir toda la

información que se quiere recolectar en ese

formulario.

Estructura de un formulario

https://jsbin.com/ledabog/edit?html,output

Ejemplo

Formularios

Sus elementos y propiedades:

✔ : se usa para especificar la etiqueta (o nombre) del campo del formulario.

for: tiene que tener el mismo valor que el atributo id del campo (input, select o

textarea) al que hace referencia la etiqueta.

✔ : representa un botón y el texto del botón está representado por su

contenido.

type: define el comportamiento del botón cuando está activado y puede

contener tres valores: submit, reset, button.

Formularios

Sus elementos y propiedades:

✔ : nos permite crear una lista desplegable de opciones, cada opción

estará contenida como hija dentro de un elemento

Elementos de Formularios

❑ textarea Define un entrada de texto más amplia.

❑ label Define un nombre o referencia para un input.

❑ for Attr que especifica a qué input se vincula.

❑ fieldset Define una sección en un formulario.

❑ legend Define un título para una fieldset.

❑ select Similar al input radio.

❑ option Define las opciones para el select.

Formularios

En muchos de los elementos podemos añadir (opcionalmente) otros

atributos como:

✔ required a un elemento para que el navegador se encargue de validar que este campo está relleno.

✔ placeholder si queremos que aparezca un texto de ayuda para rellenar el campo.

✔ value para introducir un valor por defecto en el campo.

✔ readonly si queremos que sea de sólo lectura.

Input checkbox

Nos permite hacer una selección múltiple de opciones

Input radio

Nos permite hacer una selección única de opciones