Atributos de los inputs
Parte de la sección Fundamentos 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 indicación 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 un campo de 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 empiece 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:
- Un campo de entrada de texto con el nombre "firstname" y un marcador de posición que diga "Enter your first name".
- Un campo de entrada de texto con el nombre "lastname" y un marcador de posición que diga "Enter your last name".
- Un campo de entrada de texto con el nombre "email" y un marcador de posición que diga "Enter your email". Establece la longitud máxima de esta entrada en 50 caracteres.
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 Fundamentos
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 #2Practica por tu cuenta: Playground de Web