He realizado lo explicado en el video sobre la validación de formularios con HTML y la verdad es que no me ha funcionado ni el mensaje customizado como las reglas del pattern, unicamente la cantidad de dígitos ingresados. Luego de ingresar 6 números, este me da por correcta la contraseña ingresada, para esta prueba utilicé los navegadores: Opera v114.0.5735.199 , Brave v1.52.130, y Microsoft Edge v114.0.1823.67 y en este ultimo ni siquiera funciona las reglas
<div class="input-container">
<input name="password" id="password" class="input" type="password" placeholder="Contraseña"
required minlength="6" maxlength="12"
pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?!.*[ !@#$%^&*_=+-]).{6,12}$" title="La contraseña debe contener al menos 6 caracteres y como maximo 12, debe contener minúsculas, mayusculas y numeros ">
<label class="input-label" for="password">Contraseña</label>
<span class="input-message-error">Este campo no es valido</span>
