Teoría
Teoría

El identificador y el valor predeterminado

El atributo id de un campo indica su identificador. Debe ser único en toda la página, no solo dentro del formulario.

Los identificadores suelen usarse para facilitar el uso del formulario. Por ejemplo, permiten asociar etiquetas con campos pequeños: al hacer clic en la etiqueta, se activa el campo correspondiente. Esto resulta cómodo, porque es más fácil hacer clic en una etiqueta grande que en un campo pequeño. Los identificadores también se usan en JavaScript para trabajar con los campos.

A diferencia del nombre del campo, el identificador no se envía al servidor.

El atributo value establece el valor predeterminado del campo. Esto también facilita su uso.

Seguro que agradeces abrir un formulario enorme en un sitio de trámites y encontrar los datos de tu documento ya escritos en los campos correspondientes. No tienes que llenarlos de nuevo. Todo gracias a que quien programó el sitio agregó a los campos el atributo value con los datos necesarios.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>El identificador y el valor predeterminado</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Agregar al carrito</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> Cantidad <input type="text" name="total"> unidades </form> </body> </html>

CSS

h1 { font-size: 18px; }

ObjetivosRealizado

Agrega al campo de texto el identificador total-field.
Asígnale el valor predeterminado 5.