Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Mejora de Formularios con Atributos de Entrada | Formularios HTML y Entrada de Usuario
HTML Definitivo

bookMejora de Formularios con Atributos de Entrada

Los elementos <input> de HTML pueden personalizarse con atributos que modifican su comportamiento. A continuación se presentan algunos de los más utilizados.

value

Establece el valor inicial de un input.

  • Para botones: define el texto del botón;
  • Para campos de texto/contraseña: establece el texto predeterminado;
  • Para casillas de verificación/radios: define el valor enviado cuando se selecciona.
Note
Nota

value no puede utilizarse con type="file".

index.html

index.html

copy

autofocus

Enfoca automáticamente un campo de entrada cuando la página se carga.

Note
Nota

No funciona en el ejemplo a continuación porque, al presionar Ejecutar Código, la página no se recarga.

index.html

index.html

copy

required

Hace que un campo de entrada sea obligatorio. El formulario no se puede enviar hasta que el campo esté completado.

index.html

index.html

copy

placeholder

Muestra texto de ayuda dentro del campo de entrada hasta que el usuario escriba. Útil para formatos como números de teléfono o detalles de tarjetas.

index.html

index.html

copy
Note
Nota

Cada ejemplo utiliza diferentes atributos type, que afectan el comportamiento del campo de entrada. Se explorarán los tipos de entrada en el próximo capítulo.

1. ¿Qué atributo se utiliza para establecer el valor predeterminado de un elemento input?

2. ¿Qué atributo se utiliza para establecer una sugerencia o un ejemplo del valor esperado para un elemento input?

3. ¿Qué atributo se utiliza para especificar que un campo de entrada debe completarse antes de enviar el formulario?

question mark

¿Qué atributo se utiliza para establecer el valor predeterminado de un elemento input?

Select the correct answer

question mark

¿Qué atributo se utiliza para establecer una sugerencia o un ejemplo del valor esperado para un elemento input?

Select the correct answer

question mark

¿Qué atributo se utiliza para especificar que un campo de entrada debe completarse antes de enviar el formulario?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 4

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you give examples of how to use these attributes in HTML?

What other input attributes are commonly used?

Can you explain the difference between value and placeholder?

bookMejora de Formularios con Atributos de Entrada

Desliza para mostrar el menú

Los elementos <input> de HTML pueden personalizarse con atributos que modifican su comportamiento. A continuación se presentan algunos de los más utilizados.

value

Establece el valor inicial de un input.

  • Para botones: define el texto del botón;
  • Para campos de texto/contraseña: establece el texto predeterminado;
  • Para casillas de verificación/radios: define el valor enviado cuando se selecciona.
Note
Nota

value no puede utilizarse con type="file".

index.html

index.html

copy

autofocus

Enfoca automáticamente un campo de entrada cuando la página se carga.

Note
Nota

No funciona en el ejemplo a continuación porque, al presionar Ejecutar Código, la página no se recarga.

index.html

index.html

copy

required

Hace que un campo de entrada sea obligatorio. El formulario no se puede enviar hasta que el campo esté completado.

index.html

index.html

copy

placeholder

Muestra texto de ayuda dentro del campo de entrada hasta que el usuario escriba. Útil para formatos como números de teléfono o detalles de tarjetas.

index.html

index.html

copy
Note
Nota

Cada ejemplo utiliza diferentes atributos type, que afectan el comportamiento del campo de entrada. Se explorarán los tipos de entrada en el próximo capítulo.

1. ¿Qué atributo se utiliza para establecer el valor predeterminado de un elemento input?

2. ¿Qué atributo se utiliza para establecer una sugerencia o un ejemplo del valor esperado para un elemento input?

3. ¿Qué atributo se utiliza para especificar que un campo de entrada debe completarse antes de enviar el formulario?

question mark

¿Qué atributo se utiliza para establecer el valor predeterminado de un elemento input?

Select the correct answer

question mark

¿Qué atributo se utiliza para establecer una sugerencia o un ejemplo del valor esperado para un elemento input?

Select the correct answer

question mark

¿Qué atributo se utiliza para especificar que un campo de entrada debe completarse antes de enviar el formulario?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 4
some-alt