Atributos de los inputs
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 37 de 60.
Aquí hay algunos otros atributos útiles para las entradas de texto:
placeholder: Proporciona una breve sugerencia que describe el valor esperado del campo de entrada (por ejemplo, "Enter your name").value: Establece el valor inicial del campo de entrada.maxlength: Especifica el número máximo de caracteres permitidos en el campo de entrada.
Aquí tienes un ejemplo de cómo crear una entrada de texto con un marcador de posición:
<input type="text" name="username" placeholder="Enter username">En este ejemplo, tenemos una entrada de texto con el nombre "username" y un marcador de posición que dice "Enter username". Cuando el campo de entrada está vacío, el texto del marcador de posición se mostrará dentro del campo. Una vez que el usuario comienza a escribir, el texto del marcador de posición desaparecerá.
Desafío
FácilCrea un documento HTML que incluya un formulario con los siguientes campos de entrada de texto:
- Una entrada de texto con el name "firstname" y un placeholder que diga "Enter your first name".
- Una entrada de texto con el name "lastname" y un placeholder que diga "Enter your last name".
- Una entrada de texto con el name "email" y un placeholder que diga "Enter your email". Establece la longitud máxima de esta entrada en 50 caracteres.
Hoja de referencia
Atributos útiles para entradas de texto:
placeholder: Proporciona una breve sugerencia que describe el valor esperado del campo de entradavalue: Establece el valor inicial del campo de entradamaxlength: Especifica el número máximo de caracteres permitidos en el campo de entrada
Ejemplo de una entrada de texto con marcador de posición (placeholder):
<input type="text" name="username" placeholder="Enter username">El texto del marcador de posición se muestra cuando el campo de entrada está vacío y desaparece cuando el usuario comienza a escribir.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe el código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato8Formularios e Inputs Parte 1
Conceptos básicos de formulariosInputs de textoAtributos de los inputsCampo de contraseñaEtiquetas para inputsResumen - Formulario básico9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2