Contenido del Curso

Conceptos básicos de HTML

1. Comprendiendo la Web y HTML

Introducción al Curso Introducción a la Web Breve Historia de la Web ¿Por qué necesitamos HTML?Estructura Básica de un Documento HTML Etiquetas, Elementos y Atributos

2. Fundamentos de HTML

Estructura del Documento HTML Desafío: Estructura del Documento HTML Marcado de Texto Desafío: Marcado de Texto Marcado de Texto Especial Desafío: Marcado de Texto Especial Listas Desafío: Listas

3. Imágenes y Medios

Imágenes Desafío: Imágenes Audio Desafío: Audio Video Desafío: Video

4. Tablas y Formularios

Tabla Desafío: Tabla Formularios Desafío: Formularios Elementos de Entrada de Formulario y Etiqueta Desafío: Elementos de Entrada de Formulario y Etiqueta Atributos para Elementos de Entrada

5. HTML Avanzado

HTML Semántico Elementos Semánticos Desafío: Elementos Semánticos Construyendo Todo el Sitio Web Conclusión

Atributos para Elementos de Entrada

Ya sabemos cómo construir formularios con entradas y etiquetas. Ahora, consideremos otros atributos útiles para los elementos de entrada que mejoran su funcionalidad y usabilidad.

Atributos Comunes para Elementos de Entrada

Placeholder

placeholder proporciona un texto de ejemplo o sugerencia dentro del campo de entrada, guiando a los usuarios sobre qué tipo de entrada se espera. Útil para proporcionar contexto o instrucciones a los usuarios antes de que ingresen datos.

html

Name

name especifica el nombre del campo de entrada, que se utiliza para identificar los datos de entrada cuando se envía el formulario. Cada campo de entrada dentro de un formulario debe tener un atributo de nombre único.

html

Value

value establece el valor inicial o predeterminado del campo de entrada. Prellena el campo de entrada con un valor específico cuando se carga la página.

html

Required

required especifica que el campo de entrada debe completarse antes de que se pueda enviar el formulario. Evita el envío del formulario si el campo requerido está vacío.

hml

Disabled

disabled deshabilita el campo de entrada, impidiendo que los usuarios interactúen con él o ingresen datos. Útil para mostrar campos de entrada de solo lectura o inactivos.

html

Readonly

readonly hace que el campo de entrada sea de solo lectura, permitiendo a los usuarios ver el valor pero no modificarlo. Similar al atributo disabled, pero aún permite que el campo sea enfocado y seleccionado.

html

Min y Max

min y max especifican los valores mínimos y máximos permitidos para los campos de entrada numéricos. Útil para imponer restricciones en la entrada numérica, como edad o cantidad.

html

Ejemplo: Consideremos un ejemplo que incluye todos los atributos y elementos necesarios para el formulario.

index.html

Tutorial en Video

1. ¿Qué atributo proporciona un texto de sugerencia o ejemplo dentro de un campo de entrada, guiando a los usuarios sobre qué tipo de entrada se espera?

2. ¿Qué atributo especifica el nombre del campo de entrada, que se utiliza para identificar los datos de entrada cuando se envía el formulario?

3. ¿Qué atributo impide el envío del formulario si el campo requerido se deja vacío?

¿Qué atributo proporciona un texto de sugerencia o ejemplo dentro de un campo de entrada, guiando a los usuarios sobre qué tipo de entrada se espera?

Select the correct answer

name

value

placeholder

required

¿Qué atributo especifica el nombre del campo de entrada, que se utiliza para identificar los datos de entrada cuando se envía el formulario?

Select the correct answer

name

value

placeholder

required

¿Qué atributo impide el envío del formulario si el campo requerido se deja vacío?

Select the correct answer

name

value

placeholder

required

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 7