Inputs de texto
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 36 de 60.
En HTML, las entradas de texto se utilizan para crear campos de formulario donde los usuarios pueden introducir texto. Existen varios tipos de entradas de texto, cada uno diseñado para diferentes tipos de datos basados en texto. El tipo más común es la entrada de texto de una sola línea, creada utilizando la etiqueta <input> con el atributo type establecido en "text".
Aquí tienes la sintaxis básica para crear una entrada de texto en HTML:
<input type="text" name="fieldname"><input>: La etiqueta que define el campo de entrada.type="text": Un atributo que especifica el tipo de entrada como texto.name: Un atributo que le da un nombre al campo de entrada, el cual se utiliza para identificar los datos cuando se envía el formulario.
Nota:
inputes una etiqueta especial, ¡no requiere una etiqueta de cierre!
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”.
- Una entrada de texto con el name “lastname”.
Hoja de referencia
Las entradas de texto se crean utilizando la etiqueta <input> con type="text":
<input type="text" name="fieldname">type="text": Especifica el tipo de entrada como textoname: Identifica los datos cuando se envía el formulario
Nota: <input> es una etiqueta de autocierre y no requiere una etiqueta de cierre.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe 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