Teoría
Teoría

El botón de envío del formulario

El formulario está casi listo. Solo falta agregar un botón para enviarlo. Este botón se crea con una etiqueta <input> de tipo submit.

El texto del botón se define con el atributo value. No es necesario asignarle un nombre al botón de envío. Pero, si tiene uno, su nombre y su valor se envían al servidor.

Por lo general, se asignan nombres a los botones de envío cuando el formulario tiene varios botones que realizan acciones distintas. El navegador envía al servidor el nombre y el valor solo del botón que se presionó. Así, el servidor puede saber qué botón se usó y qué debe hacer.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>El botón de envío del formulario</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Iniciar sesión</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> <label for="login-field">Tu nombre de usuario</label> <input type="text" name="login" id="login-field"> <br> <br> <label for="password-field">Tu contraseña</label> <input type="password" name="password" id="password-field"> <br> <br>  </form> </body> </html>

CSS

h1 { font-size: 18px; }

ObjetivosRealizado

Agrega un botón de envío con el texto Iniciar sesión.
Envía el formulario.