no entiendo por que no me exige en el campo de pasword la regla de la expresión regular es el mismo codigo que tiene el profesor descarge el archivo zip pero al momento de probarlo no me exige las reglas de la expresión regular :
<body>
<main class="container flex flex--column flex--center">
<div class="cadastro-cabecalho">
<img src="./assets/img/doguito.svg" alt="Logo Doguito" class="registry-header__logo">
<h1 class="registry-header__title">PetShop</h1>
</div>
<section class="cartao">
<h2 class="card__title">Completa tu registro</h2>
<form action="./registro_concluido.html" class="formulario flex flex--column">
<fieldset>
<legend class="form__label">Información básica</legend>
<div class="input-container">
<input name="name" id="name" class="input" type="text" placeholder="Nombre" required>
<label class="input-label" for="name">Nombre</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
<div class="input-container">
<input name="email" id="email" class="input" type="email" placeholder="Email" required>
<label class="input-label" for="email">Email</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
<div class="input-container">
<input name="password" id="password" class="input" type="password" placeholder="Contraseña" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*_=+-]).{8,12}$" title="Al menos 6 caracteres, máximo 12, debe contener una letra minúscula, una letra mayúscula, un número y no puede contener caracteres especiales." required>
<label class="input-label" for="password">Contraseña</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
</fieldset>
<fieldset>
<legend class="form__label">Información personal</legend>
<div class="input-container">
<input name="birth" id="birth" class="input" type="text" placeholder="Fecha de nacimento">
<label class="input-label" for="birth">Fecha de nacimiento</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
<div class="input-container">
<input name="phoneNumber" id="phoneNumber" class="input" type="text" placeholder="Número telefónico">
<label class="input-label" for="phoneNumber">Número telefónico</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
</fieldset>
<fieldset>
<legend class="form__label">Dirección</legend>
<div class="input-container">
<input name="cep" id="cep" class="input" type="text" placeholder="CEP">
<label class="input-label" for="cep">Dirección completa</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
<div class="input-container">
<input name="city" id="city" class="input" type="text" placeholder="Ciudad">
<label class="input-label" for="city">Ciudad</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
<div class="input-container">
<input name="state" id="state" class="input" type="text" placeholder="Estado">
<label class="input-label" for="state">Estado</label>
<span class="input-message-error">Este campo no es valido</span>
</div>
</fieldset>
<button class="button" type="submit">Registrar</a>
</form>
</section>
</main>
</body>
</html>
