Saltar al contenido principal
Codigo Heroe
Tarea anterior
Formularios: introducción2/16
A la lista de tareas
  1. 1. El primer formulario
  2. 2. Un campo de texto
  3. 3. El identificador y el valor predeterminado
  4. 4. La etiqueta de un campo
  5. 5. Asociar una etiqueta y un campo mediante id
  6. 6. Agregar otro campo
  7. 7. Un campo de contraseña
  8. 8. El botón de envío del formulario
  9. 9. Un campo de texto de varias líneas
  10. 10. Una casilla de verificación
  11. 11. Un botón de opción
  12. 12. Un grupo de botones de opción
  13. 13. Una lista desplegable
  14. 14. Una lista de selección múltiple
  15. 15. Un campo para subir archivos
  16. 16. Un campo oculto
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Un campo de texto

La mayoría de los campos de formulario se crean con la etiqueta sin cierre <input>. Vamos a usar dos atributos importantes de esta etiqueta:

  • type indica el tipo de campo;

  • name indica el nombre del campo.

El tipo de campo determina cómo se muestra y cómo se comporta. El más común es text, que representa un campo de texto. También es el tipo predeterminado. Por ejemplo:

<form action="https://echo.htmlacademy.ru/courses" method="get">
  <input type="text" name="search">
</form>

El nombre del campo permite procesar correctamente los datos en el servidor. Por lo general, cada campo tiene un nombre único dentro del formulario, aunque hay excepciones. Para definirlo se suelen usar letras del alfabeto latino y números.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Un campo de texto</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Iniciar sesión</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> <!-- agrega el campo aquí --> </form> </body> </html>
CSS
h1 { font-size: 18px; }

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Agrega un campo al formulario con la etiqueta <input>.
    2. Asígnale el tipo text.
    3. Asígnale el nombre login.
    Codigo Heroe

    © 2023-2026, codigoheroe.com