Prefijos de atributos: [foo|="bar"]

<!DOCTYPE html> <html lang="es"> <head> <title>Prefijos de atributos: [foo|="bar"]</title> <meta charset="utf-8"> <link rel="stylesheet" href="course.css"> <link rel="stylesheet" href="style.css"> </head> <body> <header class="page-header">Formulario de datos personales</header> <main> <form action="https://echo.htmlacademy.ru/courses" method="post"> <fieldset> <legend>Solicitud de visa para la cocina</legend> <div class="half-width"> <label>Nombre del gato</label> <input type="text" name="name" value="Cupcakecito"> </div> <div class="half-width"> <label>Pasaporte felino</label> <input type="text" name="passport" value="CUPCAKE-66893"> </div> <div class="half-width"> <label>Fecha de nacimiento</label> <input type="datetime" name="birthday" readonly value="18-07-2012"> </div> <div class="half-width"> <label>Estación de radio</label> <input type="text" name="sweets" value="Cupcake-FM"> </div> <div class="half-width"> <label>Dulces</label> <input type="text" name="sweets" value="Cupcake"> </div> <div class="half-width"> <label>Firma</label> <input type="text" name="sign" value="Simplemente Cupcake"> </div> <label>Lema</label> <input type="text" name="slogan" value="Si eres Cupcake, come un cupcake"> </fieldset> <div class="buttons"> <input type="submit" value="Enviar"> </div> </form> </main> <footer class="page-footer"></footer> </body> </html>