HTML: Formularios en HTML
Al interactuar con documentos HTML, una de las acciones más comunes es ingresar datos en diferentes campos del documento. Por ejemplo, ingresar datos en una barra de búsqueda. Es así como busca información utilizando motores de búsqueda (como Google o Yandex): ingresa una consulta, se envía al servidor (la computadora en la que se encuentra el sitio web) y obtienes los resultados de la búsqueda.
Esta interacción se realiza mediante formularios, que son conjuntos de campos y botones de acción. Es importante tener en cuenta que HTML no puede procesar los datos enviados a través de un formulario. Para interactuar con estos datos, es necesario utilizar lenguajes de programación que funcionen en el servidor, como JavaScript o PHP. Los fundamentos de la programación en estos lenguajes se encuentran en las secciones correspondientes de Code Basics:
Estos temas se tratan en detalle en las profesiones de Hexlet:
Cada formulario comienza con la etiqueta principal <form>, dentro de la cual se encuentran los campos de entrada y el botón de acción.
<form>
// Dentro del formulario habrá campos para ingresar datos y un botón con una acción (enviar datos)
</form>
El atributo principal de la etiqueta <form> es action, que es la ruta del archivo donde se encuentra el controlador de datos. Es allí donde se enviarán los datos después de enviar el formulario.
<form action="/search">
// Los datos, después de completarlos, se enviarán a la página /search
</form>
Si no se especifica este atributo, los datos se enviarán a la misma página desde la que se envió el formulario.
Tarea
Crea un formulario cuyo archivo controlador de datos se encuentre en la dirección /people
¿El ejercicio no pasa la prueba, qué debo hacer? 😶
Si te quedaste atascado, es el momento perfecto para hacer una pregunta en las "Discusiones".
* Asegúrate de incluir la salida de las pruebas. Sin ella, es casi imposible entender qué está mal, incluso si muestras tu código. Los programadores tienen dificultades para ejecutar el código en su mente, pero casi siempre es posible entender a dónde mirar a partir del error que recibiste.
Mi código funciona en mi entorno, pero no aquí 🤨
Las pruebas están diseñadas de manera que verifican la solución de diferentes maneras y con diferentes datos. A menudo, una solución funciona con ciertos datos de entrada pero no con otros. Para entender este punto, revisa la pestaña "Pruebas" y presta atención a los mensajes de error, que suelen contener pistas.
Mi código es diferente a la solución del profesor 🤔
Esto es normal 🙆. En programación, una tarea puede tener muchas soluciones diferentes. Si tu código pasa la prueba, cumple con los requisitos de la tarea.
En raras ocasiones, la solución puede estar ajustada para pasar las pruebas, pero esto suele ser evidente.
Leí la lección, pero no entendí nada 🙄
Crear materiales de aprendizaje comprensibles para todos es bastante difícil. Hacemos nuestro mejor esfuerzo, pero siempre hay margen para mejorar. Si encuentras material que no entiendes, describe el problema en las "Discusiones". Es ideal si puedes formular los aspectos que no entiendes en forma de preguntas. Por lo general, necesitamos unos días para hacer mejoras.
Por cierto, tú también puedes contribuir a mejorar los cursos: en la parte inferior hay un enlace al código fuente de las lecciones, que se puede modificar directamente en el navegador.