Atributos de Entrada HTML para Funcionalidad Mejorada
Ya sabes cómo utilizar los campos de entrada y las etiquetas. Ahora, revisa los atributos más útiles que hacen que los campos de entrada sean más funcionales y fáciles de usar.
Atributos Comunes de Entrada
Placeholder
Muestra un texto de sugerencia dentro del campo.
<input type="text" placeholder="Enter your email" />
Name
Identifica el campo cuando se envía el formulario.
<input type="text" name="username" />
Value
Establece un valor predeterminado en el campo.
<input type="tel" value="+1 (484) 298-9732" />
Required
Impide el envío del formulario si el campo está vacío.
<input type="password" required />
Disabled
Hace que el campo sea no editable y no interactivo.
<input type="text" value="New York" disabled />
Readonly
Muestra un valor que los usuarios pueden copiar pero no modificar.
<input type="text" value="USA" readonly />
Min and Max
Establece límites para entradas numéricas.
<input type="number" min="21" max="99" />
index.html
1. ¿Qué atributo proporciona un texto de sugerencia o ejemplo dentro de un campo de entrada, orientando a los usuarios sobre el tipo de dato esperado?
2. ¿Qué atributo especifica el nombre del campo de entrada, que se utiliza para identificar los datos ingresados cuando se envía el formulario?
3. ¿Qué atributo impide el envío del formulario si el campo obligatorio queda vacío?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain the difference between disabled and readonly attributes?
What happens if I use both min and max on a text input instead of a number input?
Can you show more examples of using the required attribute in forms?
Awesome!
Completion rate improved to 2.86Atributos de Entrada HTML para Funcionalidad Mejorada
Desliza para mostrar el menú
Ya sabes cómo utilizar los campos de entrada y las etiquetas. Ahora, revisa los atributos más útiles que hacen que los campos de entrada sean más funcionales y fáciles de usar.
Atributos Comunes de Entrada
Placeholder
Muestra un texto de sugerencia dentro del campo.
<input type="text" placeholder="Enter your email" />
Name
Identifica el campo cuando se envía el formulario.
<input type="text" name="username" />
Value
Establece un valor predeterminado en el campo.
<input type="tel" value="+1 (484) 298-9732" />
Required
Impide el envío del formulario si el campo está vacío.
<input type="password" required />
Disabled
Hace que el campo sea no editable y no interactivo.
<input type="text" value="New York" disabled />
Readonly
Muestra un valor que los usuarios pueden copiar pero no modificar.
<input type="text" value="USA" readonly />
Min and Max
Establece límites para entradas numéricas.
<input type="number" min="21" max="99" />
index.html
1. ¿Qué atributo proporciona un texto de sugerencia o ejemplo dentro de un campo de entrada, orientando a los usuarios sobre el tipo de dato esperado?
2. ¿Qué atributo especifica el nombre del campo de entrada, que se utiliza para identificar los datos ingresados cuando se envía el formulario?
3. ¿Qué atributo impide el envío del formulario si el campo obligatorio queda vacío?
¡Gracias por tus comentarios!
